jQuery:将变量推送到数组中的数组

时间:2012-02-07 14:23:45

标签: jquery arrays multidimensional-array

我在$ .each中工作,想要用每个项目中的变量填充数组

尺寸和颜色取决于从选择框中抓取的字段,其值为 L-Black (大和黑)

var options = [];
var sizes = []; 
$(this).find('option').each( function(){
    var value = $(this).text().split('-');
    var size = value[0].replace("Size ", "");
    var color = value[1];

    if ($.inArray(size, sizes) == -1) {
        sizes.push(size);
    } 

    options.push({s:size, c:color});
});
var po = [];
$.each(options, function(i,v){
    var index = $.inArray(v.s, sizes);
    if (po[index] instanceof Array) {
        po[index].push({colors:[v.c]});
    }else{
        po[index] = [];
        po[index].push({size:v.s, colors:[v.c]});
    }
});

console.log(po);

这种作品,它吐出了这个

Array[2]
    0: Object
        colors: Array[1]
            0: "Black"
        size: "L"
    1: Object
        colors: Array[1]
            0: "White"

我希望能吐出像

这样的东西
Array[2]
    0: "L"
        colors: Array[2]
            0: "Black"
            1: "White"
    1: "M"
        colors: Array[2]
            0: "Black"
            2: "White"
            1: "Blue"

所以我可以接受并执行 $。每个并允许“大:黑色,白色”

我很难过,在这个问题上工作了几个小时而无法绕过它,任何帮助都会受到赞赏

1 个答案:

答案 0 :(得分:0)

我使用了更紧凑的代码版本,但可能不正确。看看这对你有什么用处:

var opts = [];
$("#form").find('option').each( function(){
    var value = $(this).text().split('-');
    var size = value[0].replace("Size ", "").replace(" ","");
    var color = value[1];
    if (typeof opts[size]=="undefined") {
        opts[size] = [];
    }
    opts[size].push(color);
});