js给数组添加数据的方式/js 向数组对象中添加属性和属性值[通俗易懂]

全栈程序员站长

发布于 2022-06-30 11:21:14

24.6K00

代码可运行

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

大家好，又见面了，我是你们的朋友全栈君。

参考：https://www.cnblogs.com/ayaa/p/14732349.html

js给数组添加数据的方式有以下几种：

直接利用数组下标赋值来增加（数组的下标起始值是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 ]；

通过数组名[数组名.length] 来增加

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

通过数组名.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 ]；

通过数组名.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 ]；

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

let arr=[1,2,3];
//splice（第一个必需参数：该参数是开始插入\删除的数组元素的下标，第二个为可选参数：规定应该删除多少元素，如果未规定此参数，则删除从 第一个参数 开始到原数组结尾的所有元素，第三个参数为可选参数：要添加到数组的新元素）
let result=arr.splice(3,0,7,8,9)
console.log(arr);　　此时的输出结果是[ 1, 2, 3, 7, 8, 9 ]；
因为举例是从第3个下标开始，所以是直接在数组的最后开始增加数组内容；