JS-07.对象-Array

发布于:2024-08-08 ⋅ 阅读:(144) ⋅ 点赞:(0)

 

Array  

            JavaScript中Array对象用于定义数组

1.定义:

            var 变量名 = new Array(元素列表);  方式一

            var 变量名 = [元素列表];           方式二

2.访问:

            arr[索引] = 值;

            arr[10] = "hello";

3.属性:

            length      设置或返回数组中元素的数量

4.方法:

            foreach()   遍历数组中的每个有值的元素,并调用一次传入的函数

            push()      将新元素添加到数组的末尾,并返回新的长度

            splice()    从数组中删除元素

注意事项:

                JavaScript中的数组相对于Java中集合,数组长度是可变的,而JavaScript是弱类型,所以可以存储任意类型的数据

            箭头函数(ES6):是用来简化函数定义语法的。具体形式为:(...) => {...},如果需要给箭头函数起名字:var xxx = (...) => {...}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS-对象-Array</title>
</head>
<body>
    <script>
        /* 
            Array  
            JavaScript中Array对象用于定义数组
            定义:
            var 变量名 = new Array(元素列表);  方式一
            var 变量名 = [元素列表];           方式二
            访问:
            arr[索引] = 值;
            arr[10] = "hello";
            属性:
            length      设置或返回数组中元素的数量
            方法:
            foreach()   遍历数组中的每个有值的元素,并调用一次传入的函数
            push()      将新元素添加到数组的末尾,并返回新的长度
            splice()    从数组中删除元素
            注意事项:
                JavaScript中的数组相对于Java中集合,数组长度是可变的,而JavaScript是弱类型,所以可以存储任意类型的数据
            箭头函数(ES6):是用来简化函数定义语法的。具体形式为:(...) => {...},如果需要给箭头函数起名字:var xxx = (...) => {...}
        */
        // var 变量名 = new Array(元素列表);  方式一
        var arr = new Array(1,2,3,4)

        var arr = [1,2,3,4]

        // 根据索引获取某个元素
        console.log(arr[2])

        // 特点:长度可变  类型可变
        arr[10] = "hello"

        console.log(arr)

        // 数组的遍历
        // for循环:遍历数组中的所有元素
        for (let i = 0; i < arr.length; i++) {
            const element = arr[i];
            console.log(element)
        }

        console.log("==================================")

        // foreach:遍历数组中的每个有值的元素,并调用一次传入的函数
        arr.forEach(function (params) {
            console.log(params)    
            }    
        );

        arr.forEach((params) => {
            console.log(params)    
            }    
        );
    </script>
</body>
</html>


网站公告

今日签到

点亮在社区的每一天
去签到