javascript - 如何修改数组？

Question

我目前有一个对象数组，其中每个对象都有多个属性。示例:

[
   { text: 'test1',
     id: 1
   },
   { text: 'test2',
     id: 2
   }
]

将其转换为包含 text 值的字符串数组的最佳方法是什么？我原以为我可以使用 underscore.js 来做到这一点:

headerText = _.pick(headerRow, 'text');

但我认为由于对象位于数组中，因此这是行不通的。我的下一个想法是循环遍历数组中的每个元素并将 text 值推送到新数组，但我很好奇是否有人知道更优雅的方法来执行此操作？有建议吗？

Answer 1

您正在寻找Array#map :

var stringArray = headerRow.map(function(entry) {
    return entry.text;
});

Live Example | Source

您甚至不需要 Underscore，Array#map 是 ES5 的一部分，并受到 Node 使用的 JavaScript 引擎 V8 的完全支持。 Array#map 为数组中的每个条目调用一次您指定的函数，并根据该函数的返回值构建一个新数组。

或者，如果您想更改现有数组，您可以使用 Array#forEach :

headerRow.forEach(function(entry, index) {
    headerRow[index] = entry.text;
});

Live Example | Source