[英]How to create an array of object literals in a loop?
I need to create an array of object literals like this:我需要创建一个像这样的对象文字数组:
var myColumnDefs = [
{key:"label", sortable:true, resizeable:true},
{key:"notes", sortable:true,resizeable:true},......
In a loop like this:在这样的循环中:
for (var i = 0; i < oFullResponse.results.length; i++) {
console.log(oFullResponse.results[i].label);
}
The value of key
should be results[i].label
in each element of the array.在数组的每个元素中,
key
的值应该是results[i].label
。
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
});
}
RaYell's answer is good - it answers your question. RaYell 的回答很好 - 它回答了您的问题。
It seems to me though that you should really be creating an object keyed by labels with sub-objects as values:在我看来,您确实应该创建一个以标签为键的对象,并将子对象作为值:
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;
The above approach should be much faster and idiomatic than searching the entire object array for a key for each access.上面的方法应该比在整个对象数组中搜索每个访问的键要快得多和惯用。
You can do something like that in ES6.你可以在 ES6 中做类似的事情。
new Array(10).fill().map((e,i) => {
return {idx: i}
});
This will work:这将起作用:
var myColumnDefs = new Object();
for (var i = 0; i < oFullResponse.results.length; i++) {
myColumnDefs[i] = ({key:oFullResponse.results[i].label, sortable:true, resizeable:true});
}
In the same idea of Nick Riggs but I create a constructor, and a push a new object in the array by using it.在 Nick Riggs 的相同想法中,但我创建了一个构造函数,并使用它在数组中推送一个新对象。 It avoid the repetition of the keys of the class:
它避免了类的键的重复:
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)));
}
I'd create the array and then append the object literals to it.我会创建数组,然后将对象文字附加到它。
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};
}
var myColumnDefs = new Array();
for (var i = 0; i < oFullResponse.results.length; i++) {
myColumnDefs.push({key:oFullResponse.results[i].label, sortable:true, resizeable:true});
}
If you want to go even further than @tetra with ES6 you can use the Object spread syntax and do something like this:如果你想在 ES6 中比 @tetra 更进一步,你可以使用Object spread 语法并执行以下操作:
let john = {
firstName: "John",
lastName: "Doe",
};
let people = new Array(10).fill().map((e, i) => {(...john, id: i});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.