javascript - 为什么 console.log 不显示我的整个 javascript 多维数组？

Question

当我在 Javascript 中创建这样的数组时：

    var tabInfos = [];
    tabInfos[1] = [];
    tabInfos[1]['label'] = 'one';
    tabInfos[1]['id'] = '111';
    tabInfos[2] = [];
    tabInfos[2]['label'] = 'two';
    tabInfos[2]['id'] = '222';

如何让 console.log(tabInfos) 也显示第一个值（例如 1、2）：

Answer 1

您看到第一项未定义的原因是因为它是。JS 数组从 0 开始，你的数组从 1 开始。

看看获得你想要的东西的推荐方法 - 一个对象数组：

var tabInfos = [{
  "label": "zero",
  "id": "000"
}, {
  "label": "one",
  "id": "111"
}, {
  "label": "two",
  "id": "222"
}];

console.log(tabInfos);
// or if you must
console.log(JSON.stringify(tabInfos));

Answer 2

您应该为内部项目使用对象，而不是数组。它们不像数组。

var tabInfos = [];
tabInfos[1] = {};
tabInfos[1]['label'] = 'one';
tabInfos[1]['id'] = '111';
tabInfos[2] = {};
tabInfos[2]['label'] = 'two';
tabInfos[2]['id'] = '222';

Answer 3

您可以通过以下方式实现此目的：

var i = 0;

JSON.stringify(tabInfos, null, 2).split(/\n/).forEach(function(line) {
  window.console && console.log(
    (/\s{2}\S/.test(line)) ? i++ + line : line
  );
});

Answer 4

实际上，通过您的屏幕截图，控制台确实显示了 tabInfos[1] 和 tabInfos[2] 第一个值的值，它显示在减号 [-] 之后的内联，并且因为它们中没有值，所以右侧没有任何显示。

Answer 5

var tabInfos = [];
    tabInfos[1] = {};
    tabInfos[1].label = 'one';
    tabInfos[1].id = '111';
    tabInfos[2] = {};
    tabInfos[2].label = 'two';
    tabInfos[2].id = '222';

但建议将 tabInfos 设为对象而不是数组（然后您可以制作关联数组也意味着您可以拥有命名属性）。

Answer 6

您是否担心第一个未定义的值？JavaScript 数组是 0 索引的。如果从 1 开始设置第一个值，则第 0 个位置自动变为未定义。