JavaScript常见数组方法详解

168 阅读2分钟

1. unshift方法:在数组的头部添加一个或多个元素。

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
arr.unshift(0);   //队头加入元素0
console.log(arr); //输出 [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

2. push方法:在数组的尾部添加一个或多个元素。

let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
arr.push(11);     //队尾加入元素11
console.log(arr); // 输出[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]

3. shift方法:删除数组的头部元素。

let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
arr.shift();      //删除队头元素0并返回该元素
console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

4. pop方法:删除数组的尾部元素。

let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
arr.pop();        //删除队尾元素10并返回该元素
console.log(arr); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

5. splice方法:从指定位置删除或插入元素。

let arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.splice(1, 5);      //从下标1开始往后删除5个元素
console.log(arr);      //输出[0, 6, 7, 8, 9]

arr.splice(1, 0, 1.5); //中间的参数0<=0表示不删除只插入,从下标1开始插入元素1.5
console.log(arr);      // 输出[0, 1.5, 6, 7, 8, 9]

arr.splice(1, 1, 2.5); //中间的参数1>0表示删除且插入,从下标1开始往后删除1个元素并插入元素2.5
console.log(arr);      // 输出[0, 2.5, 6, 7, 8, 9],删除了[1.5]并在下标1处插入元素3.5

arr.splice(1, 2, 3.5); //中间的参数1>0表示删除且插入,从下标1开始往后删除2个元素并插入元素3.5
console.log(arr);      // 输出[0, 3.5, 7, 8, 9],删除了[2.5,6]并在下标1处插入元素3.5

结论:

unshift和push方法可以在数组的头部和尾部添加元素,shift和pop方法可以删除数组的头部和尾部元素,splice方法可以根据指定位置删除或插入元素。