关于JavaScript的数组简单操作

1. 操作数组

1.1 查询数组 && 修改数组

代码如下（示例）：

  <script>
        let arr = ['pink', 'hotpink', 'deeppink']
        // 访问 / 查询
        console.log(arr[0])
        // 2. 改
        arr[0] = 'lightpink'
        // arr = '干嘛'
        console.log(arr)
    </script>

1.2 数组添加元素

arr.push() 向数组的末尾添加一个或更多元素，并返回该数组的新长度⭐

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

代码如下（示例）：

  <script>
        let arr = ['red', 'green']
        // arr.push() 返回值是新的数组长度
        // 不但把数组放入数组，而且还告诉我们里面有多少个值
        //数组添加元素有两种方法=>方法一：arr.push()
        arr.push('blue', 'skyblue')
        //方法二：arr.unshift()
        // console.log(arr.unshift('pink', 'blue'))
        console.log(arr)
    </script>

1.3 数组删除元素

1.3.1 数组. pop() 方法

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

1.3.2 数组. shift() 方法

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

1.3.3 数组. splice() 方法

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

1. 数组. splice() 方法语法:

arr.splice(start,deleteCount)
arr.splice(起始位置，删除几个元素)
// 解析：
//1. start 起始位置：指定修改的开始位置（从0计数）
//2. eleteCount: 表示要移除的数组元素的个数。
//               可选的。如果省略则默认从指定的起始位置删除到最后

2.删除元素的使用场景

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

 <script>
        // let arr = ['pink', 'green', 'skyblue']
        // 删除最后一个元素
        // arr.pop()
        // 我删的是 最后一个 skyblue
        // console.log(arr.pop())
        // 我删的是 第一个 pink
        // console.log(arr.shift())
        // shift是删除     unshift比shift 加了一个 un 表示加
        // console.log(arr)
        // 重点删除  arr.splice(从哪里开始删， 删几个)
       let arr = ['pink', 'green', 'skyblue']
        //  把green 删掉
        // 第一个1 是从索引号是1的位置开始删
        // 第二1 是删除几个
        // arr.splice(1, 1)
        // arr.splice(1)
        console.log(arr)

筛选数组去零小案例

  <script>
        let arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7]
        // 声明一个新的数组用于存放新数据newArr
        let newArr = []
        // 遍历原来的旧数组， 找出不等于0的元素
        for (let i = 0; i < arr.length; i++) {
            if (arr[i] !== 0) {
                // 依次追加给新的数组 newArr
                newArr.push(arr[i])
            }
        }
        console.log(newArr)
    </script>