改变原数组的方法
1.splice() 添加/删除数组元素
语法:arrayObject.splice(index,howmany,item1,.....,itemX)
参数:
1.index:必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
2.howmany:可选。要删除的项目数量。如果设置为 0,则不会删除项目。
3.item1, ..., itemX: 可选。向数组添加的新项目。
返回值: 如果有元素被删除,返回包含被删除项目的新数组。
2.sort() 数组排序
const sorter = arr.sort((firsterEl, secondEl) => firsterEl - secondEl)
基于提供的函数对数组进行排序,该函数接收 2 个参数,代表需要排序的 2 个数组元素。会修改原数组。如果函数返回负值或 0,元素顺序保持不变,返回正值,对调元素位置。
3.pop() 删除一个数组中的最后的一个元素
语法:arrayObject.pop()
参数:无
返回值: 返回被删除的元素。
4.shift() 删除数组的第一个元素
语法:arrayObject.shift()
参数:无
返回值: 返回被删除的元素。
5.push() 向数组的末尾添加元素
语法:arrayObject.push(newelement1,newelement2,….,newelementX)
参数:
1.newelement1 必需。要添加到数组的第一个元素。
2.newelement2 可选。要添加到数组的第二个元素。
3.newelementX 可选。可添加若干个元素。
返回值: arrayObject 的新长度。
6.unshift() 向数组的开头添加一个或更多元素
语法:arrayObject.unshift(newelement1,newelement2,….,newelementX)
参数:
1.newelement1 必需。要添加到数组的第一个元素。
2.newelement2 可选。要添加到数组的第二个元素。
3.newelementX 可选。可添加若干个元素。
返回值: arrayObject 的新长度。
7.reverse() 颠倒数组中元素的顺序
语法: array.fill(value, start, end)
参数:
1.value 必需。填充的值。
2.start 可选。开始填充位置。
3.end 可选。停止填充位置 (默认为 array.length)
返回值: 返回当前数组。
8.copyWithin() 指定位置的成员复制到其他位
语法: array.copyWithin(target, start = 0, end = this.length)
参数:
1.target(必需):从该位置开始替换数据。如果为负值,表示倒数。
2.start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒 数。
3.end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负 值,表示倒数。
返回值: 返回当前数组。
9.fill() 填充数组
语法: array.fill(value, start, end)
参数:
1.value 必需。填充的值。
2.start 可选。开始填充位置。
3.end 可选。停止填充位置 (默认为 array.length)
返回值: 返回当前数组。
不改变原数组的方法
1.slice() 浅拷贝数组的元素
语法: array.slice(begin, end);
参数:
1.begin(可选): 索引数值,接受负值,从该索引处开始提取原数组中的元素,默认值为0。
2.end(可选):索引数值(不包括),接受负值,在该索引处前结束提取原数组元素,默认值为数组末尾(包括最后一个元素)。
返回值: 返回一个从开始到结束(不包括结束)选择的数组的一部分浅拷贝到一个新数组对象,且原数组不会被修改。
2.join() 数组转字符串
语法:array.join(str)
参数:
1.str(可选): 指定要使用的分隔符,默认使用逗号作为分隔符。
返回值: 返回生成的字符串。
3.concat() 合并两个或多个数组
语法:let arr = arr1.concat(arrX, arrX)
参数:
1.arrayX(必须):该参数可以是具体的值,也可以是数组对象。可以是任意多个。
返回值: 返回返回合并后的新数组。
4.indexOf() 查找数组是否存在某个元素
语法:array.indexOf(searchElement,fromIndex)
参数:
1.searchElement(必须):被查找的元素
2.fromIndex(可选):开始查找的位置(不能大于等于数组的长度,返回-1),接受负值,默认值为0。
返回值: 返回下标
注意点:indexOf:和 findIndex 的机制基本一样,但它接收一个值而不是一个函数作为参数。你可以在只需要简单的逻辑,不需要使用函数来判断匹配元素时使用它
5.findIndex:和 find 的机制基本一样,只是会返回第一个匹配元素的索引值而不是返回该元素
语法:const foundIndex = arr.findIndex(el => el ==='条件')
6.find:返回与指定条件匹配的第一个元素。不会再寻找其他匹配的元素
const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const found = arr.find(el => el > 5);
console.log(found); //6
注意,虽然 5 之后的元素都满足条件,但只会返回第一个匹配元素。
7.lastIndexOf() 查找指定元素在数组中的最后一个位置
语法:arr.lastIndexOf(searchElement,fromIndex)
参数:
1.searchElement(必须): 被查找的元素
2.fromIndex(可选): 逆向查找开始位置,默认值数组的长度-1,即查找整个数组。
返回值: 方法返回指定元素,在数组中的最后一个的索引,如果不存在则返回 -1。(从数组后面往前查找)
8..includes() 查找数组是否包含某个元素
语法: array.includes(searchElement,fromIndex=0)
参数:
1.searchElement(必须):被查找的元素
2.fromIndex(可选):默认值为0,参数表示搜索的起始位置,接受负值。正值超过数组长度,数组不会被搜索,返回false。负值绝对值超过长数组度,重置从0开始搜索。
返回值: 返回布尔
9.reduce:累加函数中指定的值。
const arr = [1, 2, 3, 4, 5, 6];
const reduced = arr.reduce((total, current) => total + current);
console.log(reduced); //11
10.filter:返回一个新的数组,其中只包括回调函数返回 true 的元素。
const arr = [1, 2, 3, 4, 5, 6];
const filtered = arr.filter(el => el === 2 || el === 4);
console.log(filtered); //// [2, 4]
11.map:返回一个新的数组,其中每个元素按指定函数进行转换。
const arr = [1, 2, 3, 4, 5, 6];
const mapped = arr.map(el => el + 20);
console.log(mapped); // [21, 22, 23, 24, 25, 26]