JS数组方法

190 阅读3分钟

1、push()

    push()方法可以向数组的末尾添加一个或者多个元素,并返回新的长度。

image.png

2、unshift()

   unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

image.png

3、pop()

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

image.png

4、shift()

   shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

image.png

5、reverse()

   reverse() 方法用于颠倒数组中元素的顺序。

image.png

6、splice()

    splice() 方法用于添加或删除数组中的元素。
    这种方法会改变原始数组。
    如果仅删除一个元素,则返回一个元素的数组。 如果未删除任何元素,则返回空数组。

image.png

image.png

7、sort()

    sort() 方法用于对数组的元素进行排序。

image.png

image.png

image.png

8、indexOf()

    indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
    如果没有找到匹配的字符串则返回 -1

image.png

image.png

9、slice()

    语法:数组,slice(开始下标,结束下标)
    特点:  1、包前不包后
           2、两个参数都可以不写
           3、参数可以支持 负数,相当于 数组.length + 负数
    返回值:复制的内容

image.png

10、concat()

    语法:
        数组.concat(数据1,数据2,数据3,数据4....)
    作用:
        将传入的数据,合并到数组中,然后返回出来,不会改变原数组
    返回值:
        合并后的数组

image.png

11、join()

    语法:
        数组.join('连接符') 连接符如果不传递,那么默认为 , 连接
    作用:
        根据传入的连接符 将数组内的所有元素,拼接成一个完整的字符串
    返回值:
        拼接好的字符串

image.png

12、lastIndexOf()

    语法:
        数组.lastIndexOf(要查询的数据,从哪里开始查询(下标)
        第二个参数不写 默认 为 数组 最后一个下标
    作用:
        按照 从 右到左 数据 第一次 出现的 下标
        没有查询到:返回 -1

image.png

13、forEach()

    语法:
        数组.forEach(function(item,index,origin){遍历数组后你想要做的事})
    参数:
        item:数组中的每一个元素
        index: 每一个元素对应的下标
        origin: 原数组    这个参数很少有人使用
    作用:
        根据数组的元素内容,循环遍历数组,拿到数组的每一项
    返回值:
        没有返回值
    语义:
        变量数组

image.png

14、map()

    语法:
        数组.map(function(item,index,origin){ 遍历数组后你想要做的事 })
        参数:
            item: 数组的每一个元素
            index: 每一个元素对应的下标
            origin: 原数组
    作用:根据原数组映射出一个新的数组
    返回值:是一个映射出来一个新的数组(需要在函数内部书写 return)
    语义:映射数组

image.png

15、filter()

    语法:
        数组。filter(function(item,index,origin){})
    作用:
        过滤数组
    返回值:
        过滤出来的内容组成的一个新的数组

image.png

16、 find()

    语法:
        数组.find(function(item,index,origin){})
    作用:
        去数组中查找内容
    返回值:
        查找到的数据,如果找不到,返回 undefined

17、 findIndex()

    语法:
        数组.findIndex(function(item,index,origin){})
    作用:
        去数组中查找内容
    返回值:
        查找到的数据的下标,如果找不到,返回 -1

18、every()

    语法:
        数组.every(function(item,index,origin){})
    作用:
        判断数组中是否全部符合条件
    返回值:
        符合条件返回 true 不符合返回 false

19、some()

    语法:
        数组.some(function(item,index,origin){})
    作用:
        判断数组中是否有符合条件的元素
    返回值:
        符合条件返回 true 不符合返回 false

20、reduce()

    语法:
        数组.reduce(function(prev,item,index,origin){},init)
        参数 item index origin 和 上述一样
             prev   如果传递了 init,那么 prev 就是 init 的 值,item为 数组[0]
             如果没有传值,prev 为 数组[0],item 为 数组[1]
             init 看需求 传递参数
    作用:
         累加器
    返回值:
        累加后的结果