简单的复习下JS 数组常用的7个方法

逃离我推掉我的手 2022-08-30 12:58 121阅读 0赞

![9bb637bf3275441c30d46fb923d444af.png][]

原文 | https://javascript.plainenglish.io/7-essential-array-methods-in-javascript-you-need-2021-246e2f3d6052

原译 | 杨小二

如果你正在寻找从数组中添加、删除或查找元素的最简单方法？阅读本文后，你将能够在一行中完成与数组相关的基本JavaScript 操作。每种方法都通过代码示例进行解释。

总的来说，JavaScript 生态系统中有几种可用的方法。本文将介绍基本的 7 种方法，通过这些方法，你可以立即从数组中添加、删除或查找元素。

让我们开始假设数组中有五个蔬菜表情符号。

![600bb4a698498b0d67ce2930ac17bf2d.png][]

# **1、push()** #

push 方法在数组的最后位置添加一个元素。

![3dc4e69425c8bf6cd1196cad15840b4a.png][]

push() 可以与 apply() 一起使用来合并数组。

![559960dd814cf3b20b24bd4f548c2df1.png][]

# **2、unshift()** #

unshift 方法将一个元素添加到数组的第一个位置。

![bc28dc563514e1946246df073d365f35.png][]

unshift() 可用于在数组的开头添加嵌套数组。

![d700761727b1eb21f8e9f397a51e2d97.png][]

# **3、pop()** #

pop 方法从数组中删除最后一个元素。

![a6ec76dd0f9d2e9117fa221dcd80d4e9.png][]

在空数组上使用pop()方法将返回undefined。

# **4、shift()** #

shift 方法从数组中删除第一个元素。

![742b6c76fb26b30bace2321c72a00da7.png][]

shift() 可用于在打印结果时迭代数组。

![974de8d40e149cab92a1deef0508c6bd.png][]

# **5、conact()** #

concat 方法可以合并多个数组并返回单个组合数组。

![0a65e90556ecb71a83abdc546486c048.png][]

contact() 可用于合并数组中的任何类型的对象。

# **6、indexOf()** #

indexOf 方法返回可以在数组中找到的元素的第一个位置。

![cf99553acb7bec53aaf6c49ed319f82c.png][]

此 indexOf() 可用于查找数组中某个元素的出现次数。

![75f926c1cfeedaa5ab99f3b85f5253c1.png][]

# **7、 lastIndexOf()** #

lastIndexOf 方法返回可以在数组中找到的元素的最后位置。

![7e2a2120eade0784457abc0a633db22c.png][]

这个 lastIndexOf() 可用于查找数组中元素的出现次数。

![d62a2542b9cf38ca530a8690b08a30fc.png][]

现在，你将能够使用数组方法执行基本操作。

感谢你的阅读，如果你还有更好的办法或者问题的话，可以在留言区给我留言。

# **学习更多技能**     **请点击下方公众号**  ![d605208784f0e8599e996309dd708e6a.gif][] #

[9bb637bf3275441c30d46fb923d444af.png]: /images/20220829/9f1458460feb4b5f807c7ae748e0f021.png
[600bb4a698498b0d67ce2930ac17bf2d.png]: /images/20220829/0d60e695a169411cb9f010203d99d0c0.png
[3dc4e69425c8bf6cd1196cad15840b4a.png]: /images/20220829/2efd064a22164677995bbb11167d5737.png
[559960dd814cf3b20b24bd4f548c2df1.png]: /images/20220829/f69b6fe875aa44ce88c11a170d525ce9.png
[bc28dc563514e1946246df073d365f35.png]: /images/20220829/ae5957f4737e4e7b9a1a4204612976e2.png
[d700761727b1eb21f8e9f397a51e2d97.png]: /images/20220829/ffe05c0ae1bc45b89583b86db70920a8.png
[a6ec76dd0f9d2e9117fa221dcd80d4e9.png]: /images/20220829/614e40e6be694096a8f3c3871c4f18a7.png
[742b6c76fb26b30bace2321c72a00da7.png]: /images/20220829/973e5932fb594d15ab88a32e43860832.png
[974de8d40e149cab92a1deef0508c6bd.png]: /images/20220829/74999fb9298d42808aaf2c67d2ad806d.png
[0a65e90556ecb71a83abdc546486c048.png]: /images/20220829/aeb557ed830b4e26a26d6b56ce7f7321.png
[cf99553acb7bec53aaf6c49ed319f82c.png]: /images/20220829/cb90378ad07740b89abfe994496905e8.png
[75f926c1cfeedaa5ab99f3b85f5253c1.png]: /images/20220829/502c33b4bc834040bb1386f5c585aa49.png
[7e2a2120eade0784457abc0a633db22c.png]: /images/20220829/665fa7a107b04c56ab825cde0f2e71a6.png
[d62a2542b9cf38ca530a8690b08a30fc.png]: /images/20220829/3dec84d728294ce29517c31c1f23aa2f.png
[d605208784f0e8599e996309dd708e6a.gif]: /images/20220829/7a4428d4b78c4f8f9114452096bfac81.png