javascript - 创建嵌套数组javascript

Question

看过很多例子，但似乎无法制作一个嵌套数组来很好地存储一些数据。我怎样才能让下面的代码工作？它现在给我一个错误:

var shipdata = [];

shipdata['header']['bedrijfsnaam'] = $('[name="bedrijfsnaam"]').val();
shipdata['header']['naam'] = $('[name="naam"]').val();
shipdata['header']['straat'] = $('[name="straat"]').val();
shipdata['header']['postcode'] = $('[name="postcode"]').val();
shipdata['header']['plaats'] = $('[name="plaats"]').val();
shipdata['header']['telefoon'] = $('[name="telefoon"]').val();
shipdata['header']['email'] = $('[name="email"]').val();
shipdata['header']['instructies'] = $('[name="instructies"]').val();
shipdata['header']['ordernummertje'] = $('[name="ordernummertje"]').val();

$(".pakketten").each(function(index, element) {

            index++;
            shipdata['pakketten']['pakket'+index]['lengte'] = $('[name="lengte'+index+'"]').val(),
            shipdata['pakketten']['pakket'+index]['breedte'] = $('[name="breedte'+index+'"]').val(),
            shipdata['pakketten']['pakket'+index]['hoogte'] = $('[name="hoogte'+index+'"]').val(),
            shipdata['pakketten']['pakket'+index]['gewicht'] $('[name="gewicht'+index+'"]').val()


        });

我可能做错了，但欢迎提出一些建议。

谢谢!

Answer 1

首先，您创建的是一个对象而不是数组，因此对主容器使用 {} 而不是 []。

其次，当同时插入多个值时，您可以使用更紧凑的表示法:

var shipdata = {
  'header': {
    'bedrijfsnaam': $('[name="bedrijfsnaam"]').val(),
    'naam': $('[name="naam"]').val()
    '...': '...'
  },
  'pakketten': []
};

$(".pakketten").each(function(index, element) {
            shipdata['pakketten'].push({
              'lengte': $('[name="lengte'+index+'"]').val(),
              'breedte': $('[name="breedte'+index+'"]').val(),
              '...': '...'
            });
});

此外，任何时候你想以任何方式访问一个对象或数组，你必须事先初始化它，正如@antyrat 已经提到的。