JavaScript
数组操作,主要包括Array
对象原型方法以及常用操作如去重、扁平化、排序等。
arr.forEach(callback(currentValue [, index [, array]])[, thisArg])
callback
为数组中每个元素执行的函数,该函数接收一至三个参数。
currentValue
数组中正在处理的当前元素。
index
可选 数组中正在处理的当前元素的索引。
array
可选 正在操作的数组。
thisArg
可选 当执行回调函数callback
时,用作this
的值,注意如果使用箭头函数表达式来传入callback
,thisArg
参数会被忽略,因为箭头函数在词法上绑定了this
值。
forEach()
方法对数组的每个元素执行一次给定的函数。
注意如果想在遍历执行完之前结束遍历,那么forEach
与map
并不是好的选择。
arr.map(callback(currentValue [, index [, array]])[, thisArg])
callback
为数组中每个元素执行的函数,该函数接收一至三个参数。
currentValue
数组中正在处理的当前元素。
index
可选 数组中正在处理的当前元素的索引。
array
可选 正在操作的数组。
thisArg
可选 当执行回调函数callback
时,用作this
的值,注意如果使用箭头函数表达式来传入callback
,thisArg
参数会被忽略,因为箭头函数在词法上绑定了this
值。
map()
方法创建一个新数组,其结果是该数组中的每个元素都调用一次提供的函数后的返回值。
arr.push(element1[, ..., elementN])
elementN
被添加到数组末尾的元素。
push()
方法将一个或多个元素添加到数组的末尾,并返回该数组的新长度。
arr.pop()
pop()
方法从数组中删除最后一个元素,并返回该元素的值,当数组为空时返回undefined
,此方法更改数组的长度。
arr.unshift(element1[, ..., elementN])
elementN
要添加到数组开头的元素或多个元素。
unshift()
方法将一个或多个元素添加到数组的开头,并返回该数组的新长度,该方法修改原有数组。
arr.shift()
shift()
方法从数组中删除第一个元素,并返回该元素的值,该方法会改变原数组。
array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
start
指定修改的开始位置,如果超出了数组的长度,则从数组末尾开始添加内容;如果是负值,则表示从数组末位开始的第几位(从-1
计数,这意味着-n
是倒数第n
个元素并且等价于array.length-n
);如果负数的绝对值大于数组的长度,则表示开始位置为第0
位。
deleteCount
可选 整数,表示要移除的数组元素的个数。如果deleteCount
大于start
之后的元素的总数,则从start
后面的元素都将被删除(含第start
位)。如果deleteCount
被省略了,或者它的值大于等于array.length - start
(也就是说,如果它大于或者等于start
之后的所有元素的数量),那么start
之后数组的所有元素都会被删除。
item1, item2, ...
可选 要添加进数组的元素,从start
位置开始。如果不指定,则 splice()
将只删除数组元素。
splice()
方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。
arr.slice([begin[, end]])
begin
可选 提取起始处的索引,从该索引开始提取原数组元素。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,如果省略begin
,则slice
从索引0
开始。如果begin
大于原数组的长度,则会返回空数组。
end
可选 提取终止处的索引,在该索引处结束提取原数组元素。slice
会提取原数组中索引从begin
到end
的所有元素,包含begin
,但不包含end
。如果end
被省略,则slice
会一直提取到原数组末尾。如果end
大于数组的长度,slice
也会一直提取到原数组末尾。
slice()
方法返回一个新的数组对象,这一对象是一个由begin
和end
决定的原数组的浅拷贝,包括begin
,不包括end
,原始数组不会被改变。
var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])
valueN
可选,将数组和/或值连接成新数组,如果省略了valueN
参数参数,则concat会返回一个它所调用的已存在的数组的浅拷贝。
concat()
方法用于合并两个或多个数组,此方法不会更改现有数组,而是返回一个新数组。
arr.join([separator])
separator
可选 指定一个字符串来分隔数组的每个元素,如果需要,将分隔符转换为字符串,如果缺省该值,数组元素用逗号,
分隔。
join()
方法将一个数组(或一个类数组对象)的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目,那么将返回该项目而不使用分隔符。
arr.sort([compareFunction])
compareFunction
可选 用来指定按某种顺序进行排列的函数。如果省略,元素按照转换为的字符串的各个字符的Unicode
位点进行排序。
firstEl
第一个用于比较的元素。
secondEl
第二个用于比较的元素。
sort()
方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16
代码单元值序列时构建的。
arr.reverse()
reverse()
方法将数组中元素的位置颠倒,并返回该数组,该方法会改变原数组。
arr.every(callback[, thisArg])
callback
为数组中每个元素执行的函数,该函数接收一至三个参数。
currentValue
数组中正在处理的当前元素。
index
可选 数组中正在处理的当前元素的索引。
array
可选 正在操作的数组。
thisArg
可选 当执行回调函数callback
时,用作this
的值,注意如果使用箭头函数表达式来传入callback
,thisArg
参数会被忽略,因为箭头函数在词法上绑定了this
值。
every()
方法测试一个数组内的所有元素是否都能通过某个指定函数的测试,它返回一个布尔值。
arr.some(callback(currentValue [, index [, array]])[, thisArg])
callback
为数组中每个元素执行的函数,该函数接收一至三个参数。
currentValue
数组中正在处理的当前元素。
index
可选 数组中正在处理的当前元素的索引。
array
可选 正在操作的数组。
thisArg
可选 当执行回调函数callback
时,用作this
的值,注意如果使用箭头函数表达式来传入callback
,thisArg
参数会被忽略,因为箭头函数在词法上绑定了this
值。
some()
方法测试数组中是不是至少有1
个元素通过了被提供的函数测试,它返回的是一个Boolean
类型的值。
arr.filter(callback(currentValue [, index [, array]])[, thisArg])
callback
为数组中每个元素执行的函数,该函数接收一至三个参数。
currentValue
数组中正在处理的当前元素。
index
可选 数组中正在处理的当前元素的索引。
array
可选 正在操作的数组。
thisArg
可选 当执行回调函数callback
时,用作this
的值,注意如果使用箭头函数表达式来传入callback
,thisArg
参数会被忽略,因为箭头函数在词法上绑定了this
值。
filter()
方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
arr.find(callback(currentValue [, index [, array]])[, thisArg])
callback
为数组中每个元素执行的函数,该函数接收一至三个参数。
currentValue
数组中正在处理的当前元素。
index
可选 数组中正在处理的当前元素的索引。
array
可选 正在操作的数组。
thisArg
可选 当执行回调函数callback
时,用作this
的值,注意如果使用箭头函数表达式来传入callback
,thisArg
参数会被忽略,因为箭头函数在词法上绑定了this
值。
find()
方法返回数组中满足提供的测试函数的第一个元素的值,否则返回undefined
。
arr.findIndex(callback(currentValue [, index [, array]])[, thisArg])
callback
为数组中每个元素执行的函数,该函数接收一至三个参数。
currentValue
数组中正在处理的当前元素。
index
可选 数组中正在处理的当前元素的索引。
array
可选 正在操作的数组。
thisArg
可选 当执行回调函数callback
时,用作this
的值,注意如果使用箭头函数表达式来传入callback
,thisArg
参数会被忽略,因为箭头函数在词法上绑定了this
值。
findIndex()
方法返回数组中满足提供的测试函数的第一个元素的索引,否则返回-1
。
arr.includes(valueToFind[, fromIndex])
valueToFind
需要查找的元素值。
fromIndex
可选 从fromIndex
索引处开始查找valueToFind
,如果为负值,则按升序从array.length + fromIndex
的索引开始搜,即使从末尾开始往前跳fromIndex
的绝对值个索引,然后往后搜寻,默认为0
。
includes()
方法用来判断一个数组是否包含一个指定的值,如果包含则返回true
,否则返回false
。
arr.indexOf(searchElement[, fromIndex])
searchElement
需要查找的元素值。
fromIndex
可选 从fromIndex
索引处开始查找valueToFind
,如果为负值,则按升序从array.length + fromIndex
的索引开始搜,即使从末尾开始往前跳fromIndex
的绝对值个索引,然后往后搜寻,默认为0
。
indexOf()
方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1
。
arr.lastIndexOf(searchElement[, fromIndex])
searchElement
被查找的元素。
fromIndex
可选 从此位置开始逆向查找,默认为数组的长度减1
即arr.length - 1
,整个数组都被查找。如果该值大于或等于数组的长度,则整个数组会被查找。如果为负值,将其视为从数组末尾向前的偏移。即使该值为负,数组仍然会被从后向前查找。如果该值为负时,其绝对值大于数组长度,则方法返回-1
,即数组不会被查找。
lastIndexOf()
方法返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1
。从数组的后面向前查找,从fromIndex
处开始。
arr.fill(value[, start[, end]])
value
用来填充数组元素的值。
start
可选 起始索引,默认值为0
。
end
可选 终止索引,默认值为this.length
。
fill()
方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素,不包括终止索引。
arr.copyWithin(target[, start[, end]])
target
以0
为基底的索引,复制序列到该位置。如果是负数,target
将从末尾开始计算。
如果target
大于等于arr.length
,将会不发生拷贝。如果target
在start
之后,复制的序列将被修改以符合arr.length
。
start
以0
为基底的索引,开始复制元素的起始位置,如果是负数,start
将从末尾开始计算,如果start
被忽略,copyWithin
将会从0
开始复制。
end
以0
为基底的索引,开始复制元素的结束位置,copyWithin
将会拷贝到该位置,但不包括end
这个位置的元素。如果是负数,end
将从末尾开始计算。如果end
被忽略,copyWithin
方法将会一直复制至数组结尾,默认为arr.length
。
copyWithin()
方法浅复制数组的一部分到同一数组中的另一个位置,并返回它,不会改变原数组的长度。
var newArray = arr.flat([depth])
depth
可选 指定要提取嵌套数组的结构深度,默认值为 1。
flat()
方法会按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
arr.flatMap(callback(currentValue [, index [, array]])[, thisArg])
callback
为数组中每个元素执行的函数,该函数接收一至三个参数。
currentValue
数组中正在处理的当前元素。
index
可选 数组中正在处理的当前元素的索引。
array
可选 被调用的map
数组。
thisArg
可选 当执行回调函数callback
时,用作this
的值,注意如果使用箭头函数表达式来传入callback
,thisArg
参数会被忽略,因为箭头函数在词法上绑定了this
值。
flatMap()
方法首先使用映射函数映射每个元素,然后将结果压缩成一个新数组。它与map
连着深度值为1
的flat
几乎相同,但flatMap
通常在合并成一种方法的效率稍微高一些。
arr.entries()
entries()
方法返回一个新的Array Iterator
对象,该对象包含数组中每个索引的键/值对,Array Iterator
对象的原型__proto__:Array Iterator
上有一个next
方法,可用用于遍历迭代器取得原数组的[key,value]
。
arr.keys()
keys()
方法返回一个包含数组中每个索引键的Array Iterator
对象。
arr.values()
values()
方法返回一个新的Array Iterator
对象,该对象包含数组每个索引的值。
arr.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])
callback
执行数组中每个值 (如果没有提供 initialValue
则第一个值除外)的函数,该函数接收二至四个参数。
accumulator
累计器累计回调的返回值,它是上一次调用回调时返回的累积值,或initialValue
。
currentValue
数组中正在处理的元素。
index
可选 数组中正在处理的当前元素的索引,如果提供了initialValue
,则起始索引号为0
,否则从索引1
起始。
array
可选 调用reduce()
的数组。
initialValue
可选 作为第一次调用callback
函数时的第一个参数的值。如果没有提供初始值,则将使用数组中的第一个元素,在没有初始值的空数组上调用reduce
将报错。
reduce()
方法对数组中的每个元素执行一个由指定的reducer
函数(升序执行),将其结果汇总为单个返回值。
arr.reduceRight(callback(accumulator, currentValue[, index[, array]])[, initialValue])
callback
执行数组中每个值的函数,该函数接收二至四个参数。
accumulator
累计器累计回调的返回值,它是上一次调用回调时返回的累积值,或initialValue
。
currentValue
数组中正在处理的元素。
index
可选 数组中正在处理的当前元素的索引,如果提供了initialValue
,则起始索引号为0
,否则从索引1
起始。
array
可选 调用reduce()
的数组。
initialValue
可选 首次调用callback
函数时,累加器accumulator
的值。如果未提供该初始值,则将使用数组中的最后一个元素,并跳过该元素。如果不给出初始值,则需保证数组不为空,在没有初始值的空数组上调用reduce
将报错。
reduceRight()
方法接受一个函数作为累加器accumulator
和数组从右到左的每个值将其减少为单个值。
arr.toString()
toString()
返回一个字符串,表示指定的数组及其元素。
arr.toLocaleString([locales[,options]])
locales
可选 带有BCP 47
语言标记的字符串或字符串数组。
options
一个可配置属性的对象。
toLocaleString()
返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString
方法转成字符串,这些字符串将使用一个特定语言环境的字符串隔开。
对象的key
。
使用Set
。
使用indexOf
。
使用flat
。
递归实现flat
。
使用数组将字符的ASCII
码作为key
制作桶。
直接使用对象制作桶。
遍历一遍数组。
使用Math
。
使用reduce
。
遍历数组使用push
。
使用concat
。
使用slice
。
随机交换N
次。
随机排序。