【JS】1081- 28个常用的JavaScript 数组方法备用清单

淡淡的烟草味﹌ 2022-08-28 14:43 283阅读 0赞

![9c4a73581bb8f720f0aa9c838547cb09.png][]

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

# **01、concat()** #

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

![a827ee72242aaf24fce069008ad7e034.png][]

# **02、copyWithin()** #

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

![c927cec4fff0222cc1e31638582b0c65.png][]

# **03、entry()**  #

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

![732cef820154a3270e5a767b1f5eee23.png][]

# **04、every()**  #

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

![42851e324f3cddb3c0fa8a09011569ff.png][]

# **05、fill（）** #

![ba7e2e8aedb1b7e31b7bdbe366944165.png][]

# **06、filter()**  #

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

![90c7bab5c53eeb79bc774d1339de33e5.png][]

# **07、find()**  #

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

![9926787080a36a0acd148a8653f3ee7e.png][]

# **08、findIndex()** #

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

![cdef6beca4cef9a3bd8d33c220b2c2d0.png][]

# **09、forEach()** #

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

![ab0160e13363cd74bd4bd5cf52dc8e4f.png][]

# **10、contains()** #

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

![e13d1d8c3c1d810dcf8f3c46070135f9.png][]

# **11、indexOf()**  #

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

![774b54d80f050fdd5e24c7cf2a50c8cd.png][]

# **12、isArray()** #

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

![091ddc045663f50cd10bd16dd7f12f92.png][]

# **13、join()**  #

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

![28286fe2284b3f1ce7529acd7bbef65b.png][]

# **14、lastIndexOf()** #

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

![a3d587f31b8879cb5e38a26ad0ac64d7.png][]

# **15、map()** #

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

![fb8094bef719bc34e95e64d4d10d4b4c.png][]

# **16、pop()**  #

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

![3bbd55e38fedc5b594c64767851b4261.png][]

# **17、push()**  #

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

![1fbd8d0a3f3c8e4193aa84ff31cb6644.png][]

# **18、reduce()** #

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

![5edbbcabd33d86943d3afb8f0a2e0374.png][]

# **19、reduceRight()** #

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

![5a638e99da0886e4ba5eb648b2c96642.png][]

# **20、reverse()**  #

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

![15c76e2ade7cfa192a52e14f8e2b512c.png][]

# **21、some()**  #

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

![3c09142d5c2eeb5cea095fa837ee43b9.png][]

# **22、slice()**  #

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

![e71b6678c1b8289c894cd2c27d3795d0.png][]

# **23、shift()**  #

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

![009c732ba4268d8b6bcc526d4830df90.png][]

# **24、sort()** #

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

![4aab61465259d3bc024fde9bead2c32d.png][]

# **25、splice()**  #

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

![4423f81e7481c6e0b6e634d45beea838.png][]

# **26、toString()** #

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

![7f52fb760827ec3d48f69464e884d01e.png][]

# **27、unshift()** #

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

![facc75fac3af4f1700b5556320d3422a.png][]

# **28、valueOf()**  #

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

![345d8f6665ba9850147b7c4cf2c3a5f8.png][]

感谢你的阅读

[9c4a73581bb8f720f0aa9c838547cb09.png]: /images/20220828/e251b4d25d6741a2aa558e35215ef654.png
[a827ee72242aaf24fce069008ad7e034.png]: /images/20220828/9ef40e729f0c4f4a9565fd8472bddff3.png
[c927cec4fff0222cc1e31638582b0c65.png]: /images/20220828/a439dfd0d748480c924ea6ec853cc753.png
[732cef820154a3270e5a767b1f5eee23.png]: /images/20220828/97311ff8d4c34a4cae3a42371cce84a7.png
[42851e324f3cddb3c0fa8a09011569ff.png]: /images/20220828/ecc7f8ad213b4c5eac1c0bbd080a30f7.png
[ba7e2e8aedb1b7e31b7bdbe366944165.png]: /images/20220828/99aca6cca8fd41dd8f14a37fae368275.png
[90c7bab5c53eeb79bc774d1339de33e5.png]: /images/20220828/8961954c7a074ac18acc7bf598e5edcc.png
[9926787080a36a0acd148a8653f3ee7e.png]: /images/20220828/b7640a9453424e09a8750713ab4eef3a.png
[cdef6beca4cef9a3bd8d33c220b2c2d0.png]: /images/20220828/f761ae4cf9124265bb7455242005836d.png
[ab0160e13363cd74bd4bd5cf52dc8e4f.png]: /images/20220828/bf874d39e67145f2bf9d8e1cd029b3ea.png
[e13d1d8c3c1d810dcf8f3c46070135f9.png]: /images/20220828/c1dca25faa6148618aa6dc5357c8a7a1.png
[774b54d80f050fdd5e24c7cf2a50c8cd.png]: /images/20220828/ec38fb99f4794a6ead12cf94b1994487.png
[091ddc045663f50cd10bd16dd7f12f92.png]: /images/20220828/7bb4477c4a7945beaab4c602c601b7e7.png
[28286fe2284b3f1ce7529acd7bbef65b.png]: /images/20220828/e9e1d42adcf84252954f12e29de658e7.png
[a3d587f31b8879cb5e38a26ad0ac64d7.png]: /images/20220828/a0114b2a93f74fabb20d451b75d005a6.png
[fb8094bef719bc34e95e64d4d10d4b4c.png]: /images/20220828/71909fd6870b411985eee0f2639c0572.png
[3bbd55e38fedc5b594c64767851b4261.png]: /images/20220828/53305b7d1f124e9bb0bf167bf5dd48a3.png
[1fbd8d0a3f3c8e4193aa84ff31cb6644.png]: /images/20220828/1c1377afe84946fcafc2c03e4d266100.png
[5edbbcabd33d86943d3afb8f0a2e0374.png]: /images/20220828/8ce727a9b8604e6c9db31409909fc5c0.png
[5a638e99da0886e4ba5eb648b2c96642.png]: /images/20220828/46f0ea993dd140b88fea66e86293c0bf.png
[15c76e2ade7cfa192a52e14f8e2b512c.png]: /images/20220828/f7406f1a1ca54ef3ad1e2537d3ec1d8c.png
[3c09142d5c2eeb5cea095fa837ee43b9.png]: /images/20220828/300b7d34b3164405a8e23ed486386927.png
[e71b6678c1b8289c894cd2c27d3795d0.png]: /images/20220828/592907ba8df84d2d871ae57007605cf6.png
[009c732ba4268d8b6bcc526d4830df90.png]: /images/20220828/56a525d73b0249589b4086c9bb5d2fed.png
[4aab61465259d3bc024fde9bead2c32d.png]: /images/20220828/a1fcd9b474584ce58294ee98898cea81.png
[4423f81e7481c6e0b6e634d45beea838.png]: /images/20220828/f4d3e2c4f42945b4935111e849155135.png
[7f52fb760827ec3d48f69464e884d01e.png]: /images/20220828/056d43aec3df4b97bfed697bfb3bed7d.png
[facc75fac3af4f1700b5556320d3422a.png]: /images/20220828/3c305ffa28374fed89a9ddaf5e5a7c7c.png
[345d8f6665ba9850147b7c4cf2c3a5f8.png]: /images/20220828/c48b79a10b5c4000a372ba5ba19fed4c.png