JavaScript基础系列(二) 数组常用方法

---

theme: scrolls-light

highlight: tomorrow-night

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。

本文同时参与 「掘力星计划」    ，赢取创作大礼包，挑战创作激励金

前言

• 本章和vike一起来看看数组常用方法

数组常用方法

• 增

  • 对原数组产生影响的方法

    • push
    • push方法接收任意量的参数并将参数加入数组末尾，返回最新数组长度 js let arr = [] arr.push(1,2,3) // 3
    • unshift

    • 在数组开头添加任意多个值 返回最新长度的数组

      js let arr = [4,5] arr.unshift(1,2,3) // 5 arr // [1,2,3,4,5]

    • splice

    • 传入三个参数 开始位置 要删除的元素 插入的元素 返回一个空数组

      js let arr = [1,2] arr.splice(0,0,1,2,3) //[] arr // [1,2,3,1,2]

  • 对原数组没有影响的方法

    • concat

    • 创建一个数组的副本 把参数添加到末尾 返回新的数组

      js let arr = [1,2,3] let arr2 = arr.concat(4,5,6) arr // [1,2,3] arr2 // [1,2,3,4,5,6]

• 删

  • 对原数组产生影响的方法

    • pop

    • 删除数组最后一项 返回被删除的元素

      js let arr = [1,2,3] arr.pop() // 3

    • shift

    • 用于删除数组第一项 返回被删除的元素

      js let arr = [1,2,3] arr.shift() // 1

    • splice

    • 传入两个元素 开始位置 删除元素的数量 返回删除元素的数组

      js let arr = [1,2,3,4] arr.splice(0,2) // [1,2]

  • 对原数组没有影响的方法

    • slice

    • 创建一个新数组 接收两个参数 开始位置 结束位置

      js let arr = [1,2,3] arr.slice(1) // [2,3] arr // [1,2,3]

• 改
  • 修改原数组的内容 splice
  • 传入三个参数 开始位置 要删除的元素 插入的元素 返回一个空数组 js let arr = [1,2,3] arr.splice(0,1,2) arr // [2,2,3]

• 查

  • 查找元素
  • indexOf

  • 返回查找元素在数组中的位置 如果没找到返回-1

    js let arr = [1,2,3] arr.indexOf(2) // 1

  • includes

  • 查找元素是否在数组中 找到返回true 否则为false

    js let arr = [1,2,3] arr.includes(2) // true

  • find

  • 返回第一个匹配的元素 接受一个回调函数

    js let arr = [1,2,3,1] arr.find((e)=>{ return e>0 }) // 1

• 排序方法

  • 对元素重新排序
  • reverse

  • 将数组元素反转

    js let arr = [1,2,3] arr.reverse() //[3,2,1]

  • sort

  • 接受一个比较函数 用于判断哪个值在前面

    ```js let compare = (value1,value2)=> { if(value1 < value2) { return -1 }else if(value1 > value2) { return 1 }else { return 0 } }

    let arr = [8,3,9,7] arr.sort(compare) arr // [3,7,8,9]

    ```

• 数组迭代方法

  • some

  • 每个元素都传入函数 如果由一个元素满足条件则返回true

    js let arr = [1,2,3] arr.some((item,index,array)=>{item > 2 }) // true

  • every

  • 每个元素都传入函数 如果每一个元素满足条件则返回true

    js let arr = [1,2,3] arr.every((item,index,array)=>{item > 0}) // true

  • forEach

  • 每个元素都传入函数 没有返回值

    js let arr = [1,2,3] arr.forEach((item,index,array)=>{ // do something })

  • filter

  • 每个元素都传入函数 满足条件的元素会组成数组返回

    js let arr = [1,2,3] arr.filter((item,index,array)=>{ item > 1 }) // [2,3]

  • map

  • 每个元素都传入函数 返回每次函数调用的结果组成的数组

    js let arr = [1,2,3] arr.map((item,index,array)=>{ return item * 2 }) // [2,4,6]

    结语

• 今日份小知识get~