jQuery每个数组

Question

analyse : function (that) {

        var a = new Array();
        var x = 0;

        $(that).children("li").each(function(){
            console.log('test1');
            a[x]['name'] = 'f'; 
            a[x]['link'] = 'UUUUUUUUUUU';
            console.log('test2');
            x++;
        })

        return a;
    }

稍后我正在尝试创建一个数组来存储我的 PHP 菜单中的层次结构。

控制台不会显示“test2”，我做错了什么？

---

在 Didier G 的帮助下变成了这个：

analyse : function (that) {
        return $(that).children('li').map(function() {
            var b = {
                name: $(this).children('a').text(), 
                link: $(this).children('a').attr('href')
            };
            if ($(this).children('ul').size() > 0) {
               b.childs =  mcms.module.analyse($(this).children('ul'));
            } 
            return b;
        });
    }

所以，如果我说var y = analyse('#menu');，我就明白了！ ^^

Answer 1

'a[x]' 在那个时候是未定义的。您必须首先构建一个对象并将其分配给“i”位置（“x”确实不是迭代器的标准名称，感谢@Cito）：

var a = new Array();
var i = 0;

$(that).children("li").each(function(){
        console.log('test1');
        a[i] = { name: 'f', link: 'UUUU' };
        console.log('test2');
        i++;
});

注意：您的代码在each() 之后缺少;。尽管省略分号是有效的 javascript，但我认为最好明确使用它们以避免误解。

---

使用.map()可以实现创建数组

var a = [];

// .map() returns a jquery array, to obtain a pure javascript array, you must call .toArray() afterwards
a = $(that).children('li').map(function() {
    return { name: 'f', link: 'UUUU' };
}).toArray();

这里有一个jsfiddle 来说明

article 介绍了使用 .each() 和 .map() 从 jquery 列表中构建数据集合。

Answer 2

你忘了

a[x] = {};

使索引x处的元素（一个引用）成为一个对象，该对象可以添加一个属性p

a[x][p] = …;

您不应该使用each(…)，与for 循环相比，它的效率非常低。

Answer 3

a[x] = {name: 'f', link: 'UUUUUUUUUUU'};

Answer 4

a 为空，您正在尝试将属性设置为未定义的对象。请改用此代码：

    var a = [];
    $(that).children("li").each(function(x){
        console.log('test1');
        a[x] = {};
        a[x].name = 'f'; 
        a[x].link = 'UUUUUUUUUUU';
        console.log('test2');
    })

    return a;

这段代码会更短（在回调中）：

a[x] = {name: 'f', link: 'UUUUUUUUUUU'};

Answer 5

解决方案： 我有类似的情况，并且能够提出一个干净的解决方案。我基本上有一个问题对象，其中包含几个具有单独属性的问题。

这是我的解决方案：

$("li").each(function(i,e){
// Build Array
questionOb[i] = {
    'questionSeq' : i, 
    'questionType' : $(this).find(".questionType").attr("rel"), 
    'questionLabel' : $(this).find(".questionLabel").attr("rel"), 
    'questionAnswers' : $(this).find(".questionAnswers").attr("rel"), 
    'questionMinimum' : $(this).find(".questionMinimum").attr("rel"), 
    'questionMaximum' : $(this).find(".questionMaximum").attr("rel"), 
    'questionInterval' : $(this).find(".questionInterval").attr("rel"), 
};
});

var dataString = {
    questionsSet : questionOb
};

这个基本功能为它找到的每个“li”创建了一系列问题。数据最终看起来像这样：

Array
(
    [questions] => Array
        (
            [0] => Array
                (
                    [questionSeq] => 0
                    [questionType] => email
                    [questionLabel] => Please enter your question here.
                    [questionRandom] => no
                    [questionRequired] => no
                )

            [1] => Array
                (
                    [questionSeq] => 1
                    [questionType] => numeric
                    [questionLabel] => Please enter your question here.
                    [questionRandom] => no
                    [questionRequired] => no
                )

            [2] => Array
                (
                    [questionSeq] => 2
                    [questionType] => singleselect
                    [questionLabel] => Please enter your question here.
                    [questionAnswers] => 
                    [questionRandom] => no
                    [questionRequired] => no
                )

        )

)