09-操作数组

数组本质是数据集合，操作数据无非就是 增 删 改 查 语法

数组 增加 元素

数组.push() 方法将一个或者多个元素添加到数组 末尾 ，并返回该数组的新长度 ★

• 语法

• arr.push(元素1,元素2,....,元素n)
  

• 例如

• let arr = ['pink','hotpink','deeppink']
  //把red放进arr里面
  arr.push('red')
          console.log(arr)   //['pink','hotpink','deeppink','red']
  

arr.unshift(新增内容) 方法将一个或多个元素添加到数组的 开头，并返回该数组的新长度

• 语法

• arr.unshift(元素1,元素2,....,元素n)
  

• 例如

• let arr = ['pink','hotpink','deeppink']
  //把red放进arr里面
  arr.unshift('black')
          console.log(arr)   //['black','pink','hotpink','deeppink']
  

数组 删除 元素

数组.pop()方法从数组中删除最后一个元素，并返回该元素的值

• 语法

  • arr.pop()
    

  •         let arr = [2,0,6,1,77,0,52,0,25,7]
            // 删除最后一个元素
            arr.pop()
            console.log(arr)
    

数组.shift()方法从数组中删除第一个元素，并返回该元素的值

• 语法

  • arr.shift()
    

  •         let arr = [2,0,6,1,77,0,52,0,25,7]
            // 删除第一个元素
            arr.shift()
            console.log(arr)
    

数组.splice()方法 删除指定元素

• 语法

  • arr.splice(start,deleteCount)
    arr.splice(起始位置,删除几个元素)
    

  • start 起始位置

    • 指定修改的开始位置（从0计数）

  • deleteCount

    • 表示要移除的数组元素的个数
    • 可选的。如果省略则默认从指定的起始位置删除到最后

•         let arr = [2,0,6,1,77,0,52,0,25,7]
          //从第二个开始删，删除6，1，77
          arr.splice(2,3)
          console.log(arr)   //2,0,0,52,0,25,7
  

删除元素使用场景

• 随机抽奖，中奖的用户就需要从数组里面删除，不允许重复抽奖
• 点击删除按钮，相关的数据会从商品数据中删除

数据筛选

将数组[2,0,6,1,77,0,52,0,25,7]中大于等于10的元素选出来，放入新的数组

        let arr = [2,0,6,1,77,0,52,0,25,7]
        //需要一个新的空数组
        let newArr = []
        //遍历旧数组
        for (let i = 0; i < arr.length; i++) {
            if (arr[i] >= 10 ) {
                //满足条件的依次添加给新的数组
                //把arr[i] 追加给newArr
                newArr.push(arr[i])
            }
        }
        console.log(newArr)

将数组[2,0,6,1,77,0,52,0,25,7]中的0去掉后，形成一个不包含0的新数组

        let arr = [2,0,6,1,77,0,52,0,25,7]
        //需要一个新数组
        let newArr = []
        //遍历旧数组
        for (let i = 0; i < arr.length; i++) {
            if (arr[i] !== 0 ) {
                //满足条件的依次添加给新的数组
                //把arr[i] 追加给newArr
                newArr.push(arr[i])
            }
        }
        console.log(newArr)