js常用删除数组方法

Posted 2023-04-18

参考技术A 下面三种都会影响原数组，最后一项不影响原数组：
opop()
oshift()
osplice()
oslice()

1、pop()
pop() 方法用于删除数组的最后一项，同时减少数组的length 值，返回被删除的项

let colors = ["red", "green"]
let item = colors.pop(); // 取得最后一项
console.log(item) // green
console.log(colors.length) // 1

2、shift()
shift()方法用于删除数组的第一项，同时减少数组的length 值，返回被删除的项

let colors = ["red", "green"]
let item = colors.shift(); // 取得第一项
console.log(item) // red
console.log(colors.length) // 1

3、splice()
传入两个参数，分别是开始位置，删除元素的数量，返回包含删除元素的数组

let colors = ["red", "green", "blue"];
let removed = colors.splice(0,1); // 删除第一项
console.log(colors); // green,blue
console.log(removed); // red，只有一个元素的数组

4、slice()
slice() 用于创建一个包含原有数组中一个或多个元素的新数组，不会影响原始数组

let colors = ["red", "green", "blue", "yellow", "purple"];
let colors2 = colors.slice(1);
let colors3 = colors.slice(1, 4);
console.log(colors) // red,green,blue,yellow,purple
concole.log(colors2); // green,blue,yellow,purple
concole.log(colors3); // green,blue,yellow

js数组常用操作方法小结(增加,删除,合并,分割等)

本文实例总结了js数组常用操作方法。分享给大家供大家参考，具体如下：

var arr = [1, 2, 3, 4, 5];
//删除并返回数组中第一个元素
var theFirst = arr.shift();
alert(theFirst);//返回1 number
alert(arr);//2,3,4,5 object
//删除并返回数组中最后一个元素
var theLast = arr.pop();
alert(theLast);//返回5 number
alert(arr);//2,3,4 object
//在数组开始增加一个或多个元素，并返回数组长度
var theNewArrStart = arr.unshift(-1, 0);
alert(theNewArrStart);//返回5 number
alert(arr);//-1,0,2,3,4 object
//在数组结尾增加一个或多个元素，并返回数组长度
var theNewArrEnd = arr.push(5, 6);
alert(theNewArrEnd);//返回7 number
alert(arr);//-1,0,2,3,4,5,6 object
//从第i（数组索引）个位置删除n个元素
arr.splice(1, 2);
alert(arr);//-1,3,4,5,6 object
//从第i（数组索引）个位置删除n个元素，并插入s个新元素
arr.splice(1, 2, 10, 11, 12);
alert(arr);//-1,10,11,12,5,6 object
//合并2个或多个数组（concat中的参数可以为单个的值，也可以为数组，并且可以有多个值或数组）
var arr1 = [7, 8];
var arrCon = arr.concat(arr1);
alert(arrCon);//-1,10,11,12,5,6,7,8 object
//将数组中的元素使用特定的字符分隔，并返回字符串（如果不设置特定分割字符，则默认为逗号）
var theSep = arrCon.join(‘-‘);
alert(theSep);//-1-10-11-12-5-6-7-8 string
//点到数组中元素的顺序
var theRev = arrCon.reverse();
alert(theRev);//8,7,6,5,12,11,10,-1