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

Bertha 。 2022-09-11 03:26 234阅读 0赞

关注公众号 前端开发博客，回复“加群”

加入我们一起学习，天天进步

![0c78aa90670cf35b0f0c339213b6efe3.png][]

> 英文:https://sahinur.medium.com/javascript-array-methods-cheatsheet-667e34ee5830 
> 
> 翻译:杨小二
> 
> 转自web前端开发

# **01、concat()** #

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

![0eff9cc0e0594c46e12dbd3fb42896bb.png][]

# **02、copyWithin()** #

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

![fc4ab4c081d87b341b81c62aeb859ed5.png][]

# **03、entry() ** #

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

![45b11716a34468af121f3fd0c29fe1fd.png][]

# **04、every() ** #

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

![ec3f8ecf13cb821d91b76a5e16a41906.png][]

# **05、fill（）** #

![58065d18cc70b40696c1128d41ce4a8a.png][]

# **06、filter() ** #

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

![ac05bf2daec42b85d080805bfe2423c0.png][]

# **07、find() ** #

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

![f48fc5e0da87b5419d9b9df0fd722039.png][]

# **08、findIndex()** #

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

![5fb7d6cf5f667c43d94047f3c13ce28f.png][]

# **09、forEach()** #

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

![9ebfd778db14de2f65b29950085fa857.png][]

# **10、contains()** #

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

![2a76e9e8f3efa225cbbc012a06880dbe.png][]

# **11、indexOf() ** #

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

![cb13d42ce708af762fc4ca84bb9710a7.png][]

# **12、isArray()** #

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

![778fbdc48f72dcad396f79ac1cb58137.png][]

# **13、join() ** #

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

![0977a27e06496c8929c178a82b3900ba.png][]

# **14、lastIndexOf()** #

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

![39e722e677032a0b2382818958882924.png][]

# **15、map()** #

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

![9baae68eab27eeb29b4c2b0ad7a17a09.png][]

# **16、pop() ** #

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

![02f54e6a1bf897050e4df523804313fd.png][]

# **17、push() ** #

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

![73666ad1fab5f1d53decbae00f5ca650.png][]

# **18、reduce()** #

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

![4deebc6aa2f983813a8aceba9c9e6ef4.png][]

# **19、reduceRight()** #

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

![38683aa6b5c3677095695712dd93c91e.png][]

# **20、reverse() ** #

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

![13e54fc30821f333b8331a265058cfc2.png][]

# **21、some() ** #

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

![491d94308449661bce044951437c89cc.png][]

# **22、slice() ** #

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

![dc5c7c36f59429801b5b79f7d935b7b1.png][]

# **23、shift() ** #

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

![d78fab757e1a8e8779f75b1062113ae0.png][]

# **24、sort()** #

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

![1eafc08b764365f2d8aae959deac0712.png][]

# **25、splice() ** #

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

![16821ca14caafff03ead5b7d0d2bd1ba.png][]

# **26、toString()** #

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

![dc8cb734e90a5aba160336a7a68576e2.png][]

# **27、unshift()** #

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

![55a8c0b9a577ecdfc061854e8602ea1a.png][]

# **28、valueOf() ** #

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

![6502de3fddf5b743a6c1b610a2291f74.png][]

感谢你的阅读

\- EOF -

推荐阅读  点击标题可跳转

[9种JavaScript数组去重的高阶方法][9_JavaScript]

[分享一些 Vue 的视频教程和电子书资源][Vue]

[重磅！超详细的 JS 数组方法整理出来了][JS]

觉得本文对你有帮助？请分享给更多人

推荐关注「前端开发博客」，提升前端技能

![910289f862dcf42ee0962b7ee297de0d.png][]

回复「1024」领取前端进阶资料

**如果觉得这篇文章还不错，来个【分享、点赞、在看】三连吧，让更多的人也看到~**

[0c78aa90670cf35b0f0c339213b6efe3.png]: /images/20220828/7e17453eccdb43a181f4a88851c72e67.png
[0eff9cc0e0594c46e12dbd3fb42896bb.png]: /images/20220828/7806ba24cb1c418a87f1cf4133999c7f.png
[fc4ab4c081d87b341b81c62aeb859ed5.png]: /images/20220828/42c0ee29c0034f048783b01e3e503ad0.png
[45b11716a34468af121f3fd0c29fe1fd.png]: /images/20220828/979d5e1bfe024add8e705de697833f36.png
[ec3f8ecf13cb821d91b76a5e16a41906.png]: /images/20220828/548178b3e9a347be82357e2f4fab7b4f.png
[58065d18cc70b40696c1128d41ce4a8a.png]: /images/20220828/005c576ac86a4b8ba50b2461a4f272f8.png
[ac05bf2daec42b85d080805bfe2423c0.png]: /images/20220828/c2cc0550ad1e4d61bacd7b5b4d723df3.png
[f48fc5e0da87b5419d9b9df0fd722039.png]: /images/20220828/d0bd9a85aa74417fb24113c765ce16ce.png
[5fb7d6cf5f667c43d94047f3c13ce28f.png]: /images/20220828/6514cedc16714efc8046ec4e2b3de601.png
[9ebfd778db14de2f65b29950085fa857.png]: /images/20220828/6b56d126f580467d977c8246c062242a.png
[2a76e9e8f3efa225cbbc012a06880dbe.png]: /images/20220828/ec39e18ae0244575963abdf3e05024d5.png
[cb13d42ce708af762fc4ca84bb9710a7.png]: /images/20220828/ec32fc447c014095898c7eb2e32516c7.png
[778fbdc48f72dcad396f79ac1cb58137.png]: /images/20220828/da29a118e370411487d224831effd6f8.png
[0977a27e06496c8929c178a82b3900ba.png]: /images/20220828/25fbd35ed9c642bc88ac5db30c7f2438.png
[39e722e677032a0b2382818958882924.png]: /images/20220828/e129205ea94049df8af5d4d147d94b66.png
[9baae68eab27eeb29b4c2b0ad7a17a09.png]: /images/20220828/a55b9c36f92345c6b05db43a56d0d6a3.png
[02f54e6a1bf897050e4df523804313fd.png]: /images/20220828/bd04cbac07ae4546b1bc9887c4ca0544.png
[73666ad1fab5f1d53decbae00f5ca650.png]: /images/20220828/aee9fb85b4b54566b41e75e759094702.png
[4deebc6aa2f983813a8aceba9c9e6ef4.png]: /images/20220828/cf36cb2b898e42bea288c17a4fbae190.png
[38683aa6b5c3677095695712dd93c91e.png]: /images/20220828/5cf93762947746ff9dbb3fae6819901e.png
[13e54fc30821f333b8331a265058cfc2.png]: /images/20220828/0723e5a1895c4075917dcc93d49afb8b.png
[491d94308449661bce044951437c89cc.png]: /images/20220828/ae6db70bbb274f62b45f7e39610b8da3.png
[dc5c7c36f59429801b5b79f7d935b7b1.png]: /images/20220828/4d64a1f385094c63834511d1f57cdced.png
[d78fab757e1a8e8779f75b1062113ae0.png]: /images/20220828/e1f2d5b32bf24c8a9a270483782a1c7c.png
[1eafc08b764365f2d8aae959deac0712.png]: /images/20220828/79296d984bda418fb8e061ce18996def.png
[16821ca14caafff03ead5b7d0d2bd1ba.png]: /images/20220828/5e6a8498f0dc44e6871d23bb0b0f8303.png
[dc8cb734e90a5aba160336a7a68576e2.png]: /images/20220828/f24e9447c8e9451e921e1c50fc075952.png
[55a8c0b9a577ecdfc061854e8602ea1a.png]: /images/20220828/f38b5ece8ab94867ad8300fe000f3a68.png
[6502de3fddf5b743a6c1b610a2291f74.png]: /images/20220828/adba39d1614d429dbd3532f98aaae13e.png
[9_JavaScript]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83dbbafeb4ac33e808c09b72959121b73046850ffee851ad15bb249cf6d049bdeb595d3f9211&idx=1&mid=2650089371&scene=21&sn=8e04eecf12d204933c2929d1c39d7c7a#wechat_redirect
[Vue]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83db997fb4ac10693bbd9c69dc000c5cb6075a698c6fdb8a76516519c861c3bc11958f366da1&idx=3&mid=2650080282&scene=21&sn=6d4ebe58862b444381cb675c9dff77fa#wechat_redirect
[JS]: http://mp.weixin.qq.com/s?__biz=MzAxODE4MTEzMA%3D%3D&chksm=83db8ac5b4ac03d3e7176f99cab7ac0077852cf2a37e68522c47d334bc94706cee719e5cdd29&idx=1&mid=2650085280&scene=21&sn=ef259df2e75594dea8f0b259539dfad9#wechat_redirect
[910289f862dcf42ee0962b7ee297de0d.png]: /images/20220828/b0319e6a8703400dbe25ebf8068055c0.png