javascript - 检查 jQuery 中的值是否存在于 JSON 中

Question

[
    {
        "link"  : "images/examples/image-3.png", 
        "image" : "images/examples/image-3.png", 
        "title" : "copy"
    },
    {
        "link"  : "images/examples/image-3.png", 
        "video" : "video placeholder", 
        "title" : "copy"
    }               
]

在这个例子中，我想要一个条件，表示如果该值为“视频”，则执行此操作，否则如果值为“图像”，则执行此操作...但我似乎无法获取“视频”的句柄或“图像”。

这是我的功能:

$.getJSON("javascripts/media.json", function(data) {                            
    $("<ul class='gallery'></ul>").prependTo("#content");

    for (var i=0; i<data.length; i++) {
        var gallery = data[i];

        //alert(data[1]);
        if (gallery.image = true) {
            $(
            "<li class='image'>" +
                "<a class=\"imageLink\" href='" + gallery.link + "' rel=\"lightbox[gallery]\">" + 
                    "<img src=" + gallery.image + " alt=" + gallery.title + ">" +
                "</a>"
            + "</li>").appendTo(".gallery");    
        }
        else if (gallery.video = true) {
            $(
            "<li class='video'>" +
                "<a class=\"videoLink\" href='" + gallery.link + "' rel=\"lightbox[gallery]\">" + 
                    "<img src=" + gallery.video + " alt=" + gallery.title + ">" +
                "</a>"
            + "</li>").appendTo(".gallery");    
        }

    }
}).error(function() { alert("error"); });

Answer 1

只需 gallery.image 和 gallery.video 而无需任何其他条件即可修复该问题。

您的第一个问题是您使用单个 = - 赋值，而不是 == 或 === 的比较。这使得第一个(图像)检查始终成功，并且还会用值 true 覆盖您存储在其中的图像链接。

其次，您实际上不需要将任何内容与 true 进行比较，除非您对真实的 true 值执行严格的 === 操作。只需单独使用条件中的任何真值即可。

最后，您实际上对对象进行操作。一旦 jQuery 为你解码了 JSON，这就不再与 JSON 有任何关系了。