3

首先，如果我没有确定正确的数组类型，请原谅我，但我似乎无法弄清楚这一点。

我正在尝试在查询中运行此数组：

var myArray = {"artists":[{
            "a1":"Adam Sandler",
            "a2":"Adam Lambert",
            "a3":"Avril Levine",
            "a4":"Backstreet Boys",
            "a5":"Blackstreet",
            "a6":"Black Eye Peas",
            "a7":"Cool and the Gang",
            "a8":"Chicago",
            "a9":"Charlie Manson"

        }],
        "songs":[{
            "s1":"Grow Old With You",
            "s2":"Whatdaya Want From Me",
            "s3":"Yea yea",
            "s4":"Quit Playing Games With My Heart",
            "s5":"No Digity",
            "s6":"Meet Me Half way",
            "s7":"Doo wa ditty",
            "s8":"Fight for your honor",
            "s9":"Charlies Song"
        }],
        "genre":[{
            "g1":"Pop",
            "g2":"Pop",
            "g3":"Alternative",
            "g4":"R & B",
            "g5":"R & B",
            "g6":"Hip-Hop",
            "g7":"Funk",
            "g8":"Soft Rock",
            "g9":"Rock"
        }]};

当我单击一个按钮（比如标题）时，我不知道如何让它自动通过数组。这就是我的按钮：

                $.each(myArray.songs, function(e,i){
                    console.log("e:"+e+" - i:"+i+" - "+myArray.songs[e].i);

                });

这确实有效，但是当它到达 console.log 时，这就是我得到的：

e:0 - i:[object Object] - 未定义

我不知道如何让“i”工作，它总是给我 [Object Object]。我将 I 替换为数组中的实际 id，它可以工作。

谢谢你。

4

5 回答 5

14

如果你想使用$.each你可以试试这个： -

$.each(myArray.songs, function (i, ob) {
    $.each(ob, function (ind, obj) {
        console.log("key:" + ind + " value:" + obj);
    });
});
于 2013-03-26T02:04:04.137 回答
1

如果您尝试循环播放所有歌曲，myArray.songs则 是一个包含一个对象的数组。

尝试这个：

$.each(myArray.songs[0], function(e, i) {
  console.log('e:' + e + ' - i:' + i);
});

并查看这个 jsFiddle http://jsfiddle.net/TsJP5/1/。

于 2013-03-26T01:59:20.260 回答
0

您的结构有点奇怪 - 歌曲是一个数组，其中包含一个包含键值对的 json 元素。尽管如此，要遍历这些元素，您应该这样做：

    var songsElement = myArray.songs[0];
    for (var key in songsElement) {
        if (songsElement.hasOwnProperty(key)) {
            console.log(key + " -> " + songsElement[key]);
        }
     }
于 2013-03-26T01:58:25.450 回答
0

除非您需要迭代 jQuery 元素的集合，否则我不会使用 $.each() （这是个人偏好）。相反，利用 Array 上的原生 forEach() 方法：

function each(obj, onSuccess, recursive) {
    if (obj && (typeof obj === 'object' || typeof obj === 'array')) {
        Object.keys(obj).forEach(function(key) {
            var val = obj[key];
            if (onSuccess && val && key) {
                var quit = onSuccess(val, key);
                if (false === quit) {
                    return false;
                }
            }
            if (true === recursive) {
                each(val, onSuccess, true);
            }
        });
    }
}

这处理 Array 和 Object 实例以及递归。总是使用 Object.keys() 来获取成员名称会稍微影响性能，但我认为即使在非常大的数据集上它最终也可以忽略不计。

于 2013-03-26T02:09:54.573 回答
0

我不完全确定您的数据意味着什么，但它看起来像是一堆歌曲/艺术​​家/流派组合在一起。例如，

[{"song":"Losing My Religion",
  "artist":"R.E.M.",
  "genre":"alternative"},
 {"song":"Bizarre Love Triangle",
  "artist":"New Order",
  "genre":"electronica"}]

我不确定为什么 s1、a1 或 g1 有用，所以我将它们排除在外。然后老实说，我认为为此使用 jquery 并没有帮助。我会这样做：

for (var i = 0; i < myArray.length; i++)
  console.log(myArray[i].song + " by " + myArray[i].artist + " is of the " + myArray[i].genre + " ilk.");
于 2013-03-26T02:38:20.630 回答