如何在Javascript中显示具有字符索引的数组元素？

Question

我正在使用这样一个数组：

var table = [a: 'text_1', b: 'test_2'];

我需要用一个函数或方法显示这个数组的所有元素，但我们必须考虑到 'a' 和 'b' 是字符或字符串，而不是数字。

这就是为什么我不能使用 array.forEach() 方法！

有什么想法吗？

Answer 1

你的数组声明看起来有点不对劲。您发布的代码给出了语法错误。

---

如果你希望它是一个数组，它应该看起来像这样：

var table = ['text_1', 'test_2'];

您应该可以使用forEach 进行迭代：

table.forEach(function (entry) {
  // 'text_1', then 'test_2', etc...
});

---

如果你希望它是一个带有字符串键的对象，它应该看起来像这样：

var table = {a: 'text_1', b: 'test_2'};

你可以这样迭代：

// For every key in `table`...
var value;
for (var key in table) {

  // If the table has the key (and it isn't somewhere higher
  // up in the prototype chain...
  if (table.hasOwnProperty(key)) {
    value = table[key];

    // ...do something with `value`...
  }
}

您还可以使用流行的 Underscore 或 Lodash 库以更漂亮的方式完成此操作：

_.each(table, function (value, key) {
  // ...do something with `value` and `key`...
});

Answer 2

你想要更像这样的东西：

var table = {a: 'text_1', b: 'test_2'};
for(key in table){
    console.log(key); //logs a and b
    console.log(table[key]); //logs 'text_1' and 'test_2'
}

您的表格是一个对象，而不是一个数组。

Answer 3

你想要的数据结构是一个普通的对象：

var table = {a: 'text_1', b: 'test_2'};

您可以使用普通的对象迭代器循环 (for...in)，或者如果您想访问所有 Array 方法，您可以遍历对象键（例如，如果您想过滤）：

Object.keys(table).filter(function(key) {
  console.log(table[key]);

  return table[key] !== 'text_1';
});