28个常用的JavaScript 数组方法备用清单

超、凢脫俗 2022-09-10 11:29 208阅读 0赞

![4438965372a0e29ead320459173f8a01.png][]

英文 | https://sahinur.medium.com/javascript-array-methods-cheatsheet-667e34ee5830

翻译 | 杨小二

# **01、concat()** #

concat() 方法用于连接两个或多个数组。此方法不会更改现有数组，而是返回一个新数组，其中，包含连接数组的值。

![d36d469d1ff81325d593875d408d27c7.png][]

# **02、copyWithin()** #

将数组元素复制到数组中的另一个位置，覆盖现有值。此方法永远不会向数组添加更多项。注意：此方法会覆盖原始数组。

![e21c337e61a1ded6ba0a929cab25e478.png][]

#  #

# **03、entry() ** #

entry() 方法返回一个带有键/值对的数组迭代器对象。

![5c729fe4651453c365ee7d7eee97aea1.png][]

# **04、every() ** #

every() 方法检查数组中的所有元素是否都通过了测试（作为函数提供）。

![408a0783ea3fd6996eea776b95c9a83a.png][]

# **05、fill（）** #

![9c5797abf45bc1234179c722c4416c9c.png][]

# **06、filter() ** #

filter() 方法创建一个数组，其中填充了所有通过测试的数组元素（作为函数提供）。

![673e383dbfb67873cc5a8aca2db58d6c.png][]

# **07、find() ** #

find() 方法返回数组中通过测试的第一个元素的值（作为函数提供）。

![0acbba706c0fd5e0694f28fcd8fce09a.png][]

# **08、findIndex()** #

findIndex() 方法返回数组中通过测试的第一个元素的索引（作为函数提供）。

![436accab1d6b61422fc867f4ee5721de.png][]

# **09、forEach()** #

forEach() 方法按顺序为数组中的每个元素调用一次函数。

![f771c301123460cb163008639e119167.png][]

# **10、contains()** #

contains() 方法确定数组是否包含指定的元素。

![8375bf07ddba7f5a27c12a490d0e0a45.png][]

# **11、indexOf() ** #

indexOf() 方法在数组中搜索指定项，并返回其位置。

![b05227d76a8b49209016df2b6863e999.png][]

# **12、isArray()** #

isArray() 方法确定对象是否是数组。如果对象是数组，Thinction 返回 true，否则返回 false。

![eb820254b2b68144341df0b2d3699d1e.png][]

# **13、join() ** #

将数组的元素转换为字符串。join() 方法将数组作为字符串返回。

![ee51e4da90280f85c8e6ae5bfa7555d6.png][]

# **14、lastIndexOf()** #

lastIndexOf() 方法在数组中搜索指定项，并返回其位置。

![ea6158083ad8e7817c06f2e0c29057ee.png][]

# **15、map()** #

map() 方法使用为每个数组元素调用函数的结果创建一个新数组。

![3432029fb428360fe17c881f4c54382b.png][]

# **16、pop() ** #

pop() 方法删除数组的最后一个元素，并返回该元素。

![4e5cdd8b6fc4d34f467b99ea8962d899.png][]

# **17、push() ** #

push() 方法将新项添加到数组的末尾，并返回新长度。

![c17e3d568d9e83961237e9724b72c047.png][]

# **18、reduce()** #

reduce() 方法为数组的每个值（从左到右）执行提供的函数，并将数组缩减为单个值。

![33acaacb2f878c98e58a3416243d9cc2.png][]

# **19、reduceRight()** #

reduceRight() 方法为数组的每个值（从右到左）执行提供的函数，并将数组缩减为单个值。

![bca5f0ce7a5fd3f8ef32107a1c18dcb0.png][]

# **20、reverse() ** #

reverse() 方法反转数组中元素的顺序。

![3d8ce72ad6794b9adc7e2772b4e85e1d.png][]

# **21、some() ** #

some() 方法检查数组中的任何元素是否通过测试（作为函数提供）。它为数组中存在的每个元素执行一次函数。

![ac83d52dc789788789b1bc91fe55a91c.png][]

# **22、slice() ** #

slice() 方法选择从给定 start 参数开始的元素，并以给定的 end 参数结束，但不包括。它将数组中的选定元素作为新的数组对象返回。

![3a17e7741719ba5e198dad1adad347c9.png][]

# **23、shift() ** #

shift() 方法删除数组的第一项。

![2d8cc80ed6b985cdd0b7c75d5d1cdc67.png][]

# **24、sort()** #

sort() 方法对数组的项进行排序。

![5306d9d973810321703185e551738cfb.png][]

# **25、splice() ** #

splice() 方法从数组添加/删除项目，并返回删除的项目。

![50fe5144aa288a246b4ac3c90f0e7034.png][]

# **26、toString()** #

toString() 方法返回一个包含所有数组值的字符串，以逗号分隔。

![62102b7485fe4edb440d05c5c13f0d8a.png][]

# **27、unshift()** #

unshift() 方法将新项添加到数组的开头并返回新长度。

![56927bbe1e812479a28ed1926a2603f6.png][]

# **28、valueOf() ** #

valueOf() 方法返回数组。该方法是数组对象的默认方法。Array.valueOf() 将返回与 Array 相同的值。

![fd78a04f9430059a0690edcc373c3fcb.png][]

感谢你的阅读。

#  #

**学习更多技能**

**请点击下方公众号**

![daeb8caa1a2f83e8e5a88f8bc791cfbb.gif][]

![07de12cb24a21efa3e8e3a6f105a1e26.png][]

![59a8cd89d012956cffea9bae17fbe15b.png][]

[4438965372a0e29ead320459173f8a01.png]: /images/20220829/ac792835c5ad48f7913b9461504cf1d6.png
[d36d469d1ff81325d593875d408d27c7.png]: /images/20220829/6cecf3ea62ad4d21995006082ef1b166.png
[e21c337e61a1ded6ba0a929cab25e478.png]: /images/20220829/e87daceb63ca417d90524e8bb930d20c.png
[5c729fe4651453c365ee7d7eee97aea1.png]: /images/20220829/7023246becf3497d86e3f139af48145c.png
[408a0783ea3fd6996eea776b95c9a83a.png]: /images/20220829/7fcc833f5f84491faa4ad592a96d5173.png
[9c5797abf45bc1234179c722c4416c9c.png]: /images/20220829/57ea80555a5b452b86848955ff895e29.png
[673e383dbfb67873cc5a8aca2db58d6c.png]: /images/20220829/01cd4eed04ca424ab8256eb6552dc917.png
[0acbba706c0fd5e0694f28fcd8fce09a.png]: /images/20220829/93addd20699348eebbe35f2ac708af2c.png
[436accab1d6b61422fc867f4ee5721de.png]: /images/20220829/b6c094db0fe5418bbd44e924385d3aef.png
[f771c301123460cb163008639e119167.png]: /images/20220829/4e2728be1cd8425fb6d36eff55c57d36.png
[8375bf07ddba7f5a27c12a490d0e0a45.png]: /images/20220829/e2f123a020ba493fbee8f3e43e150ae8.png
[b05227d76a8b49209016df2b6863e999.png]: /images/20220829/846206a6317841c8a47276b7c4fc2d79.png
[eb820254b2b68144341df0b2d3699d1e.png]: /images/20220829/1e18e66c19954270bd7b7a6ad50cb248.png
[ee51e4da90280f85c8e6ae5bfa7555d6.png]: /images/20220829/aaa5c11c11f24be3b14526de818f31c6.png
[ea6158083ad8e7817c06f2e0c29057ee.png]: /images/20220829/5adb5340dc1743af81c2b0b21eb384f9.png
[3432029fb428360fe17c881f4c54382b.png]: /images/20220829/4e7e573d87db40e691361de32cfff6e1.png
[4e5cdd8b6fc4d34f467b99ea8962d899.png]: /images/20220829/e965f624d64a44b4916f292d1c5fb2f1.png
[c17e3d568d9e83961237e9724b72c047.png]: /images/20220829/7687c12ff00b404b9fa9d4fe350f52a5.png
[33acaacb2f878c98e58a3416243d9cc2.png]: /images/20220829/0d193f40447442bb98ef07a02ec33b1b.png
[bca5f0ce7a5fd3f8ef32107a1c18dcb0.png]: /images/20220829/ce6419a9697c4109823619fe9deb3f0f.png
[3d8ce72ad6794b9adc7e2772b4e85e1d.png]: /images/20220829/86e304d93d00423e94cbaa3a0846b749.png
[ac83d52dc789788789b1bc91fe55a91c.png]: /images/20220829/1fb65e2de6d0486cbb5a991f6ba29936.png
[3a17e7741719ba5e198dad1adad347c9.png]: /images/20220829/9e866cefd94e4e828a3a200bf2137197.png
[2d8cc80ed6b985cdd0b7c75d5d1cdc67.png]: /images/20220829/f5d57fd967b844dbad29ceae32f1138d.png
[5306d9d973810321703185e551738cfb.png]: /images/20220829/ee9d1049035f4abeb2430800c8efdc56.png
[50fe5144aa288a246b4ac3c90f0e7034.png]: /images/20220829/6063646fa304433c9ddf24d3a995e39d.png
[62102b7485fe4edb440d05c5c13f0d8a.png]: /images/20220829/49da183615084df2b7c279fc6f7396df.png
[56927bbe1e812479a28ed1926a2603f6.png]: /images/20220829/fb6bf32fe43a444db30f30500c6a2c31.png
[fd78a04f9430059a0690edcc373c3fcb.png]: /images/20220829/6dd872ae03bf418884b61dc61dbea354.png
[daeb8caa1a2f83e8e5a88f8bc791cfbb.gif]: /images/20220829/91bb520f4c8d41b6868c4a77fc90ae23.png
[07de12cb24a21efa3e8e3a6f105a1e26.png]: /images/20220829/6b008dff0fc54952847f6980afb49a97.png
[59a8cd89d012956cffea9bae17fbe15b.png]: /images/20220829/5baddd9a13774597a86fb8f9ddb58170.png