大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全家桶1年46，售后保障稳定
JavaScript数组常用方法(最全)
今天我们对JavaScript的数组的方法做一个总结，方便与以后的开发与查询，多多收藏哦！
1. push()
push方法可以向数组的末尾添加一个或者多个元素，并返回新的长度.
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Sb05lBpp-1617371625805)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.09.56.png)]](https://img-blog.csdnimg.cn/20210402215444327.png)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Sb05lBpp-1617371625805)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.09.56.png)]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
2. pop()
pop() 方法用于删除并返回数组的最后一个元素。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TcxHkvVO-1617371625806)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.15.54.png)]](https://img-blog.csdnimg.cn/20210402215509842.png)
3. unshift()
unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8qHpIQdq-1617371625808)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.18.34.png)]](https://img-blog.csdnimg.cn/20210402215524922.png)
4. shift()
shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IRbADvji-1617371625809)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.20.28.png)]](https://img-blog.csdnimg.cn/20210402215553520.png)
5. isArray()
isArray() 这个方法用来判断一个对象是不是数组，是的话返回true，否则返回false
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-44p92Cr6-1617371625810)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.23.11.png)]](https://img-blog.csdnimg.cn/20210402215641856.png)
6. map()
map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
参数：currentValue当前元素的值
index当前元素的索引值
arr当前元素属于的数组对象
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VeCMBTxQ-1617371625812)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.26.38.png)]](https://img-blog.csdnimg.cn/20210402215727555.png)
7. filter()
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
filter() 不会对空数组进行检测。
filter() 不会改变原始数组。
参数：currentValue当前元素的值
index当前元素的索引值
arr当前元素属于的数组对象
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sgn3nhR3-1617371625812)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.33.07.png)]](https://img-blog.csdnimg.cn/20210402215750712.png)
8. every()
every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。
every() 方法使用指定函数检测数组中的所有元素：
- 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
- 如果所有元素都满足条件，则返回 true。
every() 不会对空数组进行检测。
every() 不会改变原始数组。
参数：currentValue当前元素的值
index当前元素的索引值
arr当前元素属于的数组对象
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Piz8azEP-1617371625813)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.36.03.png)]](https://img-blog.csdnimg.cn/20210402215825455.png)
9. some()
some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。
some() 方法会依次执行数组的每个元素：
- 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
- 如果没有满足条件的元素，则返回false。
some() 不会对空数组进行检测。
some() 不会改变原始数组。
参数：currentValue当前元素的值
index当前元素的索引值
arr当前元素属于的数组对象
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ANpR9UwD-1617371625814)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.41.04.png)]](https://img-blog.csdnimg.cn/20210402215842879.png)
10. splice()
splice() 方法用于添加或删除数组中的元素。
这种方法会改变原始数组。
如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。
参数：index 必须，规定从何处添加/删除元素。该参数是开始插入和删除的数组元素的下标，必须是数字
howmany 可选，规定应该删除多少元素。必须是数字，但可以是“0”，如果为规定此参数，则删除从index开始到原数组结 尾的所有元素。
item…itemX 可选，要添加到数组的新元素
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LpSv2a8K-1617371625814)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午7.53.08.png)]](https://img-blog.csdnimg.cn/20210402215902630.png)
11. slice()
slice() 方法可从已有的数组中返回选定的元素。
slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。
slice() 方法不会改变原始数组。
参数：start 规定从何处开始选取。如果该参数为负数，则表示从原数组的倒数第几个元素开始提取，slice(-2) 表示提取原数组中 的倒数第二个元素到最后一个元素（包含最后一个元素）。
end() 规定从何处结束选取。没有指定该参数，那么切分的数组包含从 start 到数组结束的所有元素。如果该参数为负数， 则它表示在原数组中的倒数第几个元素结束抽取
12. indexOf()
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
如果没有找到匹配的字符串则返回 -1。
indexOf() 方法区分大小写。
参数：search value 必须，规定需要检查的字符串值
start 可选，规定在自负串开始检索的位置，如果省略，则将从字符串的首字符开始检索
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zzJjsZgX-1617371625818)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午8.17.12.png)]](https://img-blog.csdnimg.cn/202104022200420.png)
13. includes()
includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。
参数：searchElement 必须，需要查找的元素值
fromIndex 从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默 认为 0。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0cNANojS-1617371625819)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午8.23.10.png)]](https://img-blog.csdnimg.cn/2021040222033963.png)
14. concat()
concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-E1Ufvsjx-1617371625820)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午8.26.25.png)]](https://img-blog.csdnimg.cn/2021040222005817.png)
15. join()
join() 方法用于把数组中的所有元素放入一个字符串。
该元素是通过指定的分隔符进行分隔的。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Zp6JQciD-1617371625820)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午8.32.02.png)]](https://img-blog.csdnimg.cn/20210402220110571.png)
16. split()
split() 方法用于把一个字符串分割成字符串数组。
split() 方法不改变原始字符串。
参数：separator 可选。字符串或正则表达式，从该参数指定的地方分割 string Object。
limit 可选。该参数可指定返回的数组的最大长度。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-gw5f4ypL-1617371625821)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午8.37.03.png)]](https://img-blog.csdnimg.cn/20210402220121542.png)
17. forEach()
forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pxyEYOv4-1617371625822)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午8.42.55.png)]](https://img-blog.csdnimg.cn/20210402220133532.png)
18. sort()
sort() 方法用于对数组的元素进行排序。
数组在原数组上进行排序，不生成副本。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-f4rmmYIo-1617371625822)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午8.46.39.png)]](https://img-blog.csdnimg.cn/20210402220151276.png)
19. reverse()
reverse() 方法用于颠倒数组中元素的顺序。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F0IXm1UX-1617371625823)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午8.50.52.png)]](https://img-blog.csdnimg.cn/20210402220207827.png)
20. find()
find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。
find() 方法为数组中的每个元素都调用一次函数执行：
- 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
- 如果没有符合条件的元素返回 undefined
find() 对于空数组，函数是不会执行的。
find() 并没有改变数组的原始值。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GMGDw9Wl-1617371625824)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午9.30.17.png)]](https://img-blog.csdnimg.cn/20210402220218653.png)
21. findIndex()
findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。
findIndex() 方法为数组中的每个元素都调用一次函数执行：
- 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。
- 如果没有符合条件的元素返回 -1
findIndex() 对于空数组，函数是不会执行的。
findIndex() 并没有改变数组的原始值。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-idREEywU-1617371625824)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午9.31.46.png)]](https://img-blog.csdnimg.cn/20210402220230603.png)
22. fill()
fill() 方法用于将一个固定值替换数组的元素。
参数：value 必须，填充的值
start 可选，开始填充的位置
end 可选，停止填充的位置，默认为array.length
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2v2yZxO2-1617371625825)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午9.38.06.png)]](https://img-blog.csdnimg.cn/20210402220241657.png)
23. keys()、values()、entries()
keys()是对键名的遍历、values()对键值的遍历、entries()是对键值对的遍历。
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U3TNB5QG-1617371625825)(/Users/yinlu/Documents/截屏/截屏2021-04-02 下午9.43.37.png)]](https://img-blog.csdnimg.cn/20210402220253160.png)
以上就是自己总结的数组的常用方法（很多概念都来自菜鸟教程）
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/213606.html原文链接：https://javaforall.net
