JavaScript 将对象的key value分别添加到两个数组

126 阅读2分钟

image.png

JS里给数组增加数据的方式

数组里存放着所有数据,当有新数据储存时,需要给将新数据储新增在原数组中,再生成新的数组数据,方便后期调用使用。

增加数组的方式有5种:

第1种:直接给数组的下标通过赋值来增加(数组的下标起始值是0);

例,先存在一个有3个数据的数组:

let arr=[1,2,3];

console.log(arr);  此时输出的结果是[ 1, 2, 3 ]

let arr=[1,2,3];

arr[3]=5;

console.log(arr);  此时的输出结果是[ 1, 2, 3, 5 ];

第2种:通过 数组名[数组名.length] 来增加;

let arr=[1,2,3];

arr[arr.length]=5;

console.log(arr);  此时的输出结果是[ 1, 2, 3, 5 ];

第3种: 通过 数组名.push(参数) 来增加从数组最后一个数据开始增加,push可以带多个参,带几个参,数组最后就增加几个数据;

let arr=[1,2,3];

arr.push(5);

console.log(arr);  此时的输出结果是[ 1, 2, 3, 5 ];

let arr=[1,2,3];

// arr.push(5);

arr.push(5,8,9);

console.log(arr);  此时的输出结果是[ 1, 2, 3, 5, 8, 9 ];

第4种:通过 数组名.unshift(参数)来增加从数组第1个数据开始的参数,unshift可以带多个参,带几个参,数组最开始就增加几个数据;

let arr=[1,2,3];

arr.unshift(5);

console.log(arr);  此时的输出结果是[ 5, 1, 2, 3 ];

let arr=[1,2,3];

// arr.unshift(5);

arr.unshift(5,8,9);

console.log(arr);  此时的输出结果是[ 5, 8, 9, 1, 2, 3 ];

第5种:用 数组名.splice(开始插入的下标数,0,需要插入的参数1,需要插入的参数2,需要插入的参数3……)来增加数组数据;

let arr=[1,2,3];

let result=arr.splice(3,0,7,8,9)

console.log(arr);  此时的输出结果是[ 1, 2, 3, 7, 8, 9 ];

因为举例是从第3个下标开始,所以是直接在数组的最后开始增加数组内容;