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

前言

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

数组常用方法

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

    • push

    • push方法接收任意量的参数并将参数加入数组末尾，返回最新数组长度

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

    • unshift

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

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

    • splice

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

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

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

    • concat

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

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

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

    • pop

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

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

    • shift

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

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

    • splice

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

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

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

    • slice

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

      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

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

  • includes

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

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

  • find

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

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

• 排序方法

  • 对元素重新排序

  • reverse

  • 将数组元素反转

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

  • sort

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

    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

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

  • every

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

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

  • forEach

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

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

  • filter

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

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

  • map

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

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

结语

• 今日份小知识get~