Javascript 数组在循环中动态构建

Question

我有一个数组，比如说

var arr = ["id", "currency", "region", "status"]

如何将上面的内容映射到对象文字，如下所示？

var columns = [
      { key:"id",        headerRenderer:"id" },
      { key:"currency",  headerRenderer:"currency" },
      { key:"status",    headerRenderer:"region" },
      { key:"region",    headerRenderer:"status" }
    ];

提前致谢!

Answer 1

一种解决方案是使用 Array#map方法。

map() 方法创建一个新数组，其中包含对该数组中每个元素调用所提供的函数的结果。所提供的函数是一个回调。

因此，正如我上面所说，map 方法按顺序为数组中的每个元素提供一次回调函数，并根据结果构造一个新数组。 result 数组中的元素是对象，如下所示:{"key":item, "headerRenderer":item}。

var array = ["id", "currency", "region", "status"]
var columns=array.map(function(item){
    return {
      "key":item,
      "headerRenderer":item
    }
});
console.log(columns);