1.pop:末位删除,即删除数组的最后一项,返回值是被删除项。
let arr1 = [1, 2, 3, "a", "1"]; console.log("pop方法的返回值:", arr1.pop()); // pop方法的返回值: 1 let popArr = arr1.pop(); console.log(arr1); // [1, 2, 3]
2.shift:首位删除,即删除数组的第一项,返回值是被删除项。
let arr = [1, 2, 3, "a", "1"]; console.log("pop方法的返回值:", arr.shift()); // 1 let popArr = arr.shift(); console.log(arr); // [3, "a", "1"]
3.splice:指定下标删除元素,返回被删除的元素。第一个参数是从下标几开始删除,第二个参数是删除几个,第三个参数是要插入的元素。splice方法是会改变原数组的。删除功能用的比较多,我个人更喜欢用filter来变相实现删除,splice是会改变原数组的,而filter不会
let arr = [1, 2, 3, "a", "1"]; let arrSplice = arr.splice(1, 2, "red"); console.log(arr); // [1, 'red', 'a', '1'] console.log(arrSplice); // [2, 3]
4.slice: 截取数组字符串,从开始下标截取到结束下标,不包含结束下标,简称包头不包尾的截取方法。第一个参数是开始下标, 第二个参数是结束下标。不改变原数组。
let arr = [1, 2, 3, "a", "1"]; let arrslice = arr.slice(0, 4); console.log(arrslice); // [1, 2, 3, "a"];
5.push:末位添加 会改变原数组。push用的特别多,它是vue项目中用的最多的方法。
let arr = [1, 2, 3, "a", "1"]; let arrPush = arr.push('1'); console.log(arrPush); // 6 console.log(arr); // [1, 2, 3, "a", "1","1"]
6.unshift:首位添加,会改变原数组,unshift其实就和push一样,只不过push的需求比较多吧。
let arr = [1, 2, 3, "a", "1"]; let arrUnshift = arr.unshift('1'); console.log(arrUnshift); // 6 console.log(arr); // ['1', 1, 2, 3, 'a', '1']
7.sort:数组排序 sort方法里面有一个回调函数,有两个形参a,b a-b是升序 b-a是倒序会改变原数组。这方法做成绩排序,名次啥的会用到
let arr = [1, 2, 3, 4, 9, 10, 5, 8]; let arrSort1 = arr.sort(function (a, b) { return b - a; // 倒序 }) console.log(arrSort1); // [10, 9, 8, 5, 4, 3, 2, 1] let arrSort2 = arr.sort(function (a, b) { return a - b; // 升序 }) console.log(arrSort2); // [1, 2, 3, 4, 5, 8, 9, 10] console.log(arr); // [1, 2, 3, 4, 5, 8, 9, 10]