JavaScript学习笔记5: 对象 - 数组Array

JS对象 - 数组Array

---

数组的定义及特性

数组定义

<script>
    //  数组定义方式1, 赋值给变量
    var arr1 = new Array(1,2,3);
    // 数组定义方式2, 初始化数组 
    var arr2 = [4,5,6];
</script>

JS数组长度可变

<script>
    var arr2 = [4,5,6]; //数组初始长度为3
    arr2[10] = 50;  //越界不报错
    document.write(arr2[10]);
    document.write("<br>");
    //未定义的元素为undefined
    document.write(arr2[9]);//undefined
    document.write("<br>");
</script>

JS数组存储的数据类型可变

<script>
    var arr2 = [4,5,6];
    arr2[2]="123";  //存储number的数组也可以存储string, 数组中存储的元素数据类型可变
    document.write(arr2[2]);
    document.write("<br>");
</script>

---

Array数组的属性,方法

遍历数组元素

通过length属性遍历数组元素

<script>
        var arr = [1,2,3,4];
        for (let i = 0; i < arr.length; i++) {
            document.write(arr[i]+" ");
        }
        document.write("<br>");
</script>

通过forEach方法遍历数组中的有值元素

<script>
        var arr = [1,2,3,4];
        arr[10] = 50;
        //e表示数组中每一个有值的元素
        arr.forEach(function(e){
            //forEach只访问有值元素, 不会展示索引4-9之间的undefined
            document.write(e+" ");
        })
        document.write("<br>");
</script>

---

ES6箭头函数

<script>
    //ES6箭头函数
    arr.forEach((e)=>{
        document.write(e+" ");
    });
    //简写, 省略了包裹参数的括号和箭号后的方法体
    //当参数和方法体语句只有1时可以这么做
    arr.forEach(e=>document.write(e+" "));
</script>

---

push,添加元素到数组尾部

<script>
    arr.push(7,8,9); //可以一次添加多个元素
    document.write(arr);
</script>

---

splice,删除数组元素

splice(起始索引,删除个数)

<script>
    arr.splice(0,2); //从0索引位置开始,删除2个元素
    document.write(arr);
</script>