js第五天

数组

概念

存放一组相关数据，方便我们去使用

常见使用场景

1.一般都会和循环一起出现

示例

<script>
        let arr = ['apple','banner','pear','orange']
        for (let index = 0; index < arr.length; index++) {
            console.log(arr[index]);
            document.write(arr[index])
            document.write(`<br>`)   
        }
        document.write(`<br>`)
</script>

属性

（后面跟等于号'='）

.length 长度属性

arr.length = 元素个数；

方法

（用的时候后面肯定又括号'（）'）

增加元素 push & unshift

push 再末尾新增元素 arr.push (新的元素)

unshift 再开头新增元素 arr.shift (新的元素)

<script>
        let arr = ['苹果', '香蕉'];
        // 在后面多增加一个元素
        // arr.push("西瓜");

        // 在前面多增加一个元素
        arr.unshift('西瓜')
        console.log(arr);
</script>

删除元素 pop & shift

pop 删除末尾的一个元素 arr.pop（）

shift 删除开头的一个元素 arr.shift（）

<script>
        let arr = ['white','red','blue','black'];
        // 删除最后一个
        // arr.pop ();

        // 删除第一个
        arr.shift();
        console.log(arr);
</script>

splice

指定位置增加或删除元素

<script>
        let arr = ['white','red','blue','black','pink','orange'];
        // arr.splice(下标编码，往后删除个数)
        // arr.splice(2,2)

        // arr.splice(下标编码，往后删除个数,添加到该下标编码位置)
        arr.splice(2,0,'green')

        console.log(arr);
</script>

数组实用补充

      1 获取数组的最后一个元素 arr[arr.length - 1]  常用的规则！！ 

      2 新增或者修改数组元素 
        arr[10]='南瓜'   
        1 如果 10这个位置已经有元素 那么 就是修改
        2 如果 10这个位置没有元素  添加就可以了  最终数组的度变成 10+1  

      3 数组 可以存放任意类型的数据   可以这么做，但是不建议 我们建议 一个数组内的数据类型要统一！！ 
        let arr = ['西瓜', 100, null, true, NaN, undefined, 80];

      4 数组快速清空或者删除元素的方式 
        arr.length = 0