我如何添加一个对象到数组(在javascript或jquery)? 例如,这段代码有什么问题?
function() {
var a = new array();
var b = new object();
a[0] = b;
}
我想使用这段代码来保存function1数组中的许多对象,并调用function2来使用数组中的对象。
如何在数组中保存对象? 我如何把一个对象放在一个数组中,并将其保存到一个变量?
我如何添加一个对象到数组(在javascript或jquery)? 例如,这段代码有什么问题?
function() {
var a = new array();
var b = new object();
a[0] = b;
}
我想使用这段代码来保存function1数组中的许多对象,并调用function2来使用数组中的对象。
如何在数组中保存对象? 我如何把一个对象放在一个数组中,并将其保存到一个变量?
当前回答
var years = [];
for (i= 2015;i<=2030;i=i+1){
years.push({operator : i})
}
这里数组years的值是
years[0]={operator:2015}
years[1]={operator:2016}
就像这样。
其他回答
如果这样使用代码,就会遇到作用域问题。如果您计划在函数之间使用它,则必须在函数之外声明它(或者如果调用它,则将其作为参数传递)。
var a = new Array();
var b = new Object();
function first() {
a.push(b);
// Alternatively, a[a.length] = b
// both methods work fine
}
function second() {
var c = a[0];
}
// code
first();
// more code
second();
// even more code
使用push,你甚至可以向数组中添加多个对象
let myArray = [];
myArray.push(
{name:"James", dataType:TYPES.VarChar, Value: body.Name},
{name:"Boo", dataType:TYPES.VarChar, Value: body.Name},
{name:"Alina", dataType:TYPES.VarChar, Value: body.Name}
);
性能
今天2020.12.04,我在Chrome v86、Safari v13.1.2和Firefox v83上对所选解决方案的MacOs HighSierra 10.13.6上执行测试。
结果
适用于所有浏览器
基于长度的就地解决方案(B)对于小数组是最快的,在Firefox中也适用于大数组,对于Chrome和Safari也很快 基于push (A)的in-place解决方案对于Chrome和Safari上的大数组速度最快,对于Firefox和小数组速度最快 就地解决方案C对于大数组慢,对于小数组中快 非原位解D和E对于大数组是很慢的 非就地解决方案E、F和D(在Firefox上)对于小型数组来说速度较慢
细节
我执行2个测试用例:
对于10个元素的小数组-你可以在这里运行它 对于有1M个元素的大数组-你可以在这里运行它
下面的代码片段展示了解决方案之间的差异 一个, B, C, D, E, F
PS:答案B被删除了——但实际上它是第一个使用这种技术的答案,所以如果你有机会看到它,请点击“取消删除”。
// https://stackoverflow.com/a/6254088/860099 function A(a,o) { a.push(o); return a; } // https://stackoverflow.com/a/47506893/860099 function B(a,o) { a[a.length] = o; return a; } // https://stackoverflow.com/a/6254088/860099 function C(a,o) { return a.concat(o); } // https://stackoverflow.com/a/50933891/860099 function D(a,o) { return [...a,o]; } // https://stackoverflow.com/a/42428064/860099 function E(a,o) { const frozenObj = Object.freeze(o); return Object.freeze(a.concat(frozenObj)); } // https://stackoverflow.com/a/6254088/860099 function F(a,o) { a.unshift(o); return a; } // ------- // TEST // ------- [A,B,C,D,E,F].map(f=> { console.log(`${f.name} ${JSON.stringify(f([1,2],{}))}`) }) <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js" integrity="sha512-90vH1Z83AJY9DmlWa8WkjkV79yfS2n2Oxhsi2dZbIv0nC4E6m5AbH8Nh156kkM7JePmqD6tcZsfad1ueoaovww==" crossorigin="anonymous"> </script> This shippet only presents functions used in performance tests - it not perform tests itself!
这里是chrome的示例结果
a=[];
a.push(['b','c','d','e','f']);
扩展加比·普卡鲁的答案,包括对第2个问题的回答。
a = new Array();
b = new Object();
a[0] = b;
var c = a[0]; // c is now the object we inserted into a...