JavaScript数组常用方法整理


前言

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


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

在这里插入图片描述
push() 末尾添加(接收任意数量的参数) 返回数组的最新长度
在这里插入图片描述
pop() 末尾删除 返回被删除的项
在这里插入图片描述

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

unshift() 开头添加 返回新的数组长度
在这里插入图片描述
shift() 开头删除(删除数组的第一项) 返回删除的第一个元素
在这里插入图片描述

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

indexof() 从前往后搜索,如果存在就返回索引号,不存在就返回-1
在这里插入图片描述
lastIndexof() 从后往前搜索,如果存在就返回索引号,不存在就返回-1
在这里插入图片描述
includes() 返回布尔值,表示是否找到一个与指定元素匹配的项。
在这里插入图片描述

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

concat() 在现有数组全部元素基础上创建一个新数组。 可以传多个参数,并把参数添加到数组末尾。
在这里插入图片描述
slice() 创建一个包含原有数组中一个或多个元素的新数组(截取操作)
这个操作不影响原数组!
接收一个或2个参数,返回元素的开始索引和结束索引。

  • 1个参数:返回从开始索引到数组末尾的所有元素。
  • 2个参数:返回从开始索引到结束索引的所有元素,不包括结束索引。
    在这里插入图片描述

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

Eg:5个元素的数组,Slice(-2,-1)相当于slice(3,4)
在这里插入图片描述
如果结束位置小于开始位置,就返回空数组!
在这里插入图片描述
splice() 始终返回一个数组,包含数组中被删除的元素;如果没有删除元素,就返回空数组。

  • 删除 传2个参数 (要删除的第一个元素的位置,删除的数量) 返回删除的元素
    在这里插入图片描述

  • 插入 传3个参数 (开始位置,0,要插入的元素) 插入的元素可多个
    在这里插入图片描述

    扫描二维码关注公众号,回复: 17250356 查看本文章
  • 替换 传3个参数 (开始位置,要删除元素的数量,要插入的任意多个元素)
    在这里插入图片描述

5.Array.isArray()

判断是不是数组,是就返回true,不是返回false
在这里插入图片描述

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 当前元素所在的数组(可选)
在这里插入图片描述
在这里插入图片描述


总结

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

猜你喜欢

转载自blog.csdn.net/m0_52043522/article/details/130343062