JavaScript数组方法总结
1push()尾部添加
方法的作用:添加一个或多个参数
方法的参数：将添加的值加到数组的尾部的length
方法的返回值:返回添加后的数组的长度
是否改变原数组:原数组会发生改变。
尾部添加小案例:
var arr = [1,2,3];
arr.push(4);
arr 输出结果：
//arr [1,2,3,4]
2pop()尾部删除
方法的作用:从数组尾部删除一个元素
方法的参数：数组删除最后一项
方法的返回值:返回被删除的元素
是否改变原数组:原数组会发生改变。
尾部添加小案例:
var array = [1, 2, 3];
array2.pop();
alert(array2);
3unshift()头部添加
方法的作用:添加一个或多个参数
方法的参数：将参数的值放到数组的头部的length
方法的返回值:返回添加后的数组的长度
是否改变原数组:原数组会发生改变。
头部添加小案例:
var arr = [1,2,3];
arr.unshift(0);
arr 输出结果：
//arr [0,1,2,3]
4shift()头部删除
方法的作用:从数组头部删除一个元素，
方法的参数：数组删除第一项
方法的返回值:返回这个被删除的元素
是否改变原数组:原数组会发生改变。
头部删除小案例:
const arr = [1, 2, 3, 4, 5];
arr.shift();
console.log(arr); // [ 2, 3, 4, 5 ]
5slice()截取类
方法的作用:将需要的值截取出来
方法的参数：只有一个参数， 截取从这个参数为索引开始，一直到整个数组结束
方法的返回值:截取过后的数组
是否改变原数组:原数组不会发生改变。
slice截取类小案例:
var arr=[“1111”,“2222”,“33333”,“444”,“555”,“66666”,“777”,“888”];
/*
slice(start,end) 从数组中提取指定元素 两个参数， 第一个是开始截取的索引， 第二个是结束截取的索引（包含开始索引，不包含结束索引)
*/
var newArr=arr.slice(1,4);
console.log(newArr);
var newArr=arr.slice(2); //只有一个参数， 截取从这个参数为索引开始，一直到整个数组结束
console.log(newArr);
var newArr=arr.slice(1,-2); //如果传递一个负值， 从数组右边往前计算
console.log(newArr);
6splice()截取类
方法的作用:删除、插入和替换。
方法的参数：删除：指定 2 个参数,要删除的第一项的位置和要删除的项数。
书写格式：arr.splice( 1 , 3 )
插入：可以向指定位置插入任意数量的项，只需提供 3 个参数：起始位置、 0（要删除的项数）和要插入的项。
书写格式：arr.splice( 2,0,4,6 )
替换：可以向指定位置插入任意数量的项，且同时删除任意数量的项，只需指定 3 个参数：起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。
书写格式：arr.splice( 2,0,4,6 )
方法的返回值:删除过后的数组，插入过后的数组，替换过后的数组
是否改变原数组:原数组发生改变。
splice截取类小案例:
var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);
console.log(arr); //[5, 7, 9, 11]
console.log(arrRemoved); //[1, 3]
var arrRemoved2 = arr.splice(2,0,4,6);
console.log(arr); // [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2); // []
var arrRemoved3 = arr.splice(1,1,2,4);
console.log(arr); // [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3); //[7]
7includes判断是否存在元素
方法的作用:判断数组中是否存在该元素
方法的参数：查找的值、起始位置，可以替换 ES5 时代的 indexOf 判断方式
方法的返回值:indexOf 判断元素是否为 NaN，会判断错误。
是否改变原数组:原数组不会发生改变。
判断是否存在小案例:
[1, 2, 3].includes(2) // true
[1, 2, 3].includes(4) // false
[1, 2, NaN].includes(NaN) // true
8forEach ()循环遍历遍
方法的作用:对数组进行遍历循环，对数组中的每一项运行给定函数
方法的参数：历的数组内容；第对应的数组索引，数组本身。
方法的返回值:没有返回值
是否改变原数组:原数组不会发生改变。
arr.forEach()
foreach小案例
var arr = [1, 2, 3, 4, 5];
arr.forEach(function(x, index, a){
console.log(x + ‘|’ + index + ‘|’ + (a === arr));
});
// 输出为：
// 1|0|true
// 2|1|true
// 3|2|true
// 4|3|true
// 5|4|true
9sort()排序
方法的作用：对数组的大小进行排序
方法的参数:a,b
返回值:升序 a-b 降序b-a
是否改变原数组:原数组不会发生改变。
小案例
:升序 a-b
let arr = [1, 5, 3, 7, 6];
arr.sort(function (a, b) {
return a - b;
});
降序b-a
let arr = [1, 5, 3, 7, 6];
arr.sort(function (a, b) {
return b- a;
});
|