javascript - 如何使用for循环创建javascript对象

Question

我正在尝试编写一个 for 循环来创建一个 columns 对象，如下所示:

columns: [
    {data: "productCode", title: "Product Code", width: "7%"},
    {data: "brand", title: "Brand", width: "10%"},
]

到目前为止，我已经尝试过:

定义每列属性:

var ltColumns = {

    "col1": {data: "productCode", title: "Product Code", width: "7%" },

    "col2": {data: "brand", title: "Brand", width: "10%"}
};

使用 for 循环填充列属性。

columns: [
        for (var key in ltColumns) {
            {
             data: ltColumns[key].data, 
             title: ltColumns[key].title, 
             width: ltColumns[key].width}
            }
         ];

但是，我不断收到错误Unexpected token for。有人可以帮我解决语法问题吗？

谢谢!!

Answer 1

ES7

该语法也称为数组推导式，是名为 ES7 的 JavaScript 版本中的一个非常新的功能。如果你想使用这个功能(目前只有firefox支持)，你可以这样做:

columns: [
    for (i of ltColumns)
    {
        data : i.data,
        title: i.title,
        width: i.width
    }
]    

ES6

JavaScript 的新版本实际上现在在流行的浏览器中得到了很好的支持，称为 ES6，其功能可以在执行以下操作时提供帮助:

columns: Object.keys(ltColumns).map(item => ltColumns[item])

ES5

ES5 是 JavaScript 的当前版本:

方法1

你可以这样做:

columns: Object.keys(ltColumns).map(function (item) { return
    ltColumns[item] })

方法2

for in 循环也是一种选择:

for (var i in ltColumns)
    columns[i] = ltColumns[i];