JavaScript常用数组方法整理

@TOC


前言

最近整理了一下JavaScript数组的常用方法,也方便以后查看。


1.栈方法:push()、pop()

图片71.png

push() 末尾添加(接收任意数量的参数) 返回数组的最新长度

图片72.png

pop() 末尾删除 返回被删除的项\

图片74.png

2.队列方法:unshift()、shift()

unshift() 开头添加 返回新的数组长度

图片75.png

shift() 开头删除(删除数组的第一项) 返回删除的第一个元素

图片76.png

3.indexof()、lastIndexOf()、includes()

indexof() 从前往后搜索,如果存在就返回索引号,不存在就返回-1

图片77.png

lastIndexof() 从后往前搜索,如果存在就返回索引号,不存在就返回-1

图片78.png

includes() 返回布尔值,表示是否找到一个与指定元素匹配的项。

在这里插入图片描述

4.操作方法:concat()、slice()、splice()

concat() 在现有数组全部元素基础上创建一个新数组。 可以传多个参数,并把参数添加到数组末尾。

图片79.png

slice() 创建一个包含原有数组中一个或多个元素的新数组(截取操作)
这个操作不影响原数组!
接收一个或2个参数,返回元素的开始索引和结束索引。

  • 1个参数:返回从开始索引到数组末尾的所有元素。
  • 2个参数:返回从开始索引到结束索引的所有元素,不包括结束索引。

图片80.png

注意:slice()参数有负值,数组长度+负值 = 确定位置

Eg:5个元素的数组,Slice(-2,-1)相当于slice(3,4)

图片81.png

如果结束位置小于开始位置,就返回空数组!

图片82.png

splice() 始终返回一个数组,包含数组中被删除的元素;如果没有删除元素,就返回空数组。

  • 删除 传2个参数 (要删除的第一个元素的位置,删除的数量) 返回删除的元素

图片83.png

  • 插入 传3个参数 (开始位置,0,要插入的元素) 插入的元素可多个

图片84.png

  • 替换 传3个参数 (开始位置,要删除元素的数量,要插入的任意多个元素)

图片85.png

5.Array.isArray()

判断是不是数组,是就返回true,不是返回false

图片86.png

6.排序方法:sort()、reverse()

sort() 默认升序排列数组
reverse() 将数组元素反向排序

在这里插入图片描述

7.转换方法:toString()、join()

toString() 把数组转换成字符串,逗号分割每一项

在这里插入图片描述

join(‘字符串分割符’) 把数组转换成字符串,分隔符分割每一项;返回包含所有项的字符串。

注意:如果不给join()传入任何参数,或者传入undefined,那么仍然使用逗号作为分隔符。
在这里插入图片描述

8.keys()、values()、entries()

keys() 返回数组索引的迭代器
values() 返回数组元素的迭代器
entries() 返回数组索引/值对的迭代器
这几个方法都返回迭代器,所以可以将它们的内容通过Array.from()直接转换为数组实例。
在这里插入图片描述

9.迭代方法:every()、some()、filter()、forEach()、map()

every() 对数组每一项都运行传入的函数,如果对每一项函数都返回true,则这个方法返回true。

在这里插入图片描述

some()对数组每一项都运行传入的函数,如果有一项函数返回true,那么这个方法返回true。

在这里插入图片描述

filter()对数组每一项都运行传入的函数,函数返回true的项会组成数组之后返回。

在这里插入图片描述

forEach()对数组每一项都运行传入的函数。注意:forEach()是没有返回值的。
forEach方法中的回调函数有3个参数:数组元素,数组索引,数组本身。

在这里插入图片描述

map()对数组每一项都运行传入的函数,返回由每次函数调用的结果构成的函数。
需求:要对数组arr中的元素每个都乘以2。

在这里插入图片描述

需求:将数组中的每一个对象的id都加1。

在这里插入图片描述

需求:将对象中的id和name分别合成新的数组。

在这里插入图片描述

10.创建数组的静态方法:from()、of()

from() 用于将类数组结构转换为数组实例
第一个参数(必填):一个类数组对象,即任何可迭代的结构
第二个参数(可选):映射函数参数(这个函数可以直接增强新数组的值)
第三个参数(可选):用于指定映射函数中this的值。

在这里插入图片描述

伪数组具有length属性:
在这里插入图片描述在这里插入图片描述

of() 用于将一组参数转换为数组实例

在这里插入图片描述

11.reduce()

从数组的第一项遍历到数组的最后一项
接收两个参数(对每一项都会运行的归并函数,以之为归并起点的初始值)
回调函数接收4个参数:
1、prev 累计器累计回调的返回值; 表示上一次调用回调时的返回值,或者初始值 init;
2、cur 数组中当前被处理的元素
3、index 当前元素的索引 (可选)
4、array 当前元素所在的数组(可选)

在这里插入图片描述

在这里插入图片描述


总结

以上就是今天要分享的数组方法内容,欢迎大家前来与分享更好用的方法~

© 版权声明
THE END
喜欢就支持一下吧
点赞0

Warning: mysqli_query(): (HY000/3): Error writing file '/tmp/MYqCn0Uh' (Errcode: 28 - No space left on device) in /www/wwwroot/583.cn/wp-includes/class-wpdb.php on line 2345
admin的头像-五八三
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

图形验证码
取消
昵称代码图片