如何在循环中创建对象文字数组？

Question

我需要创建一个像这样的对象文字数组：

var myColumnDefs = [
    {key:"label", sortable:true, resizeable:true},
    {key:"notes", sortable:true,resizeable:true},......

在这样的循环中：

for (var i = 0; i < oFullResponse.results.length; i++) {
    console.log(oFullResponse.results[i].label);
}

数组的每个元素中 key 的值应该是 results[i].label 。

Answer 1

var arr = [];
var len = oFullResponse.results.length;
for (var i = 0; i < len; i++) {
    arr.push({
        key: oFullResponse.results[i].label,
        sortable: true,
        resizeable: true
    });
}

Answer 2

RaYell 的回答很好——它回答了你的问题。

在我看来，您确实应该创建一个由标签作为键的对象，并将子对象作为值：

var columns = {};
for (var i = 0; i < oFullResponse.results.length; i++) {
    var key = oFullResponse.results[i].label;
    columns[key] = {
        sortable: true,
        resizeable: true
    };
}

// Now you can access column info like this. 
columns['notes'].resizeable;

上述方法应该比在整个对象数组中搜索每次访问的键要快得多且符合习惯。

Answer 3

你可以在 ES6 中做类似的事情。

new Array(10).fill().map((e,i) => {
   return {idx: i}
});

Answer 4

这就是 Array#map 的内容擅长

var arr = oFullResponse.results.map(obj => ({
    key: obj.label,
    sortable: true,
    resizeable: true
}))

Answer 5

如果您想使用 ES6 比 @tetra 更进一步，您可以使用 对象传播语法 并执行如下操作：

const john = { firstName: "John", lastName: "Doe" };
const people = new Array(10).fill().map((e, id) => ({ ...john, id }));

Answer 6

这会起作用：

 var myColumnDefs = new Object();
 for (var i = 0; i < oFullResponse.results.length; i++) {
     myColumnDefs[i] = ({key:oFullResponse.results[i].label, sortable:true, resizeable:true});
  }

Answer 7

与 Nick Riggs 的想法相同，但我创建了一个构造函数，并使用它在数组中推送一个新对象。它避免了类的键的重复：

var arr = [];
var columnDefs = function(key, sortable, resizeable){
    this.key = key; 
    this.sortable = sortable; 
    this.resizeable = resizeable;
    };

for (var i = 0; i < len; i++) {
    arr.push((new columnDefs(oFullResponse.results[i].label,true,true)));
}

Answer 8

我将创建数组，然后将对象文字附加到其中。

var myColumnDefs = [];

for ( var i=0 ; i < oFullResponse.results.length; i++) {

    console.log(oFullResponse.results[i].label);
    myColumnDefs[myColumnDefs.length] = {key:oFullResponse.results[i].label, sortable:true, resizeable:true};
}

Answer 9

var myColumnDefs = new Array();

for (var i = 0; i < oFullResponse.results.length; i++) {
    myColumnDefs.push({key:oFullResponse.results[i].label, sortable:true, resizeable:true});
}