改变原数组的方法
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]
网友评论