Java Web学习笔记11——JavaScript对象-EW帮帮网

Js对象：

Array

String

JSON

BOM: 浏览器对象模型

DOM：文档对象模型

Array对象：

JavaScript中Array对象用于定义数组。

定义：

var 变量名 = new Array(1, 2, 3, 4); 如：var arr = new Array(1, 2, 3, 4);

var 变量名 = [1, 2, 3, 4]; 如：var arr = [1, 2, 3, 4];

访问：

arr[索引] = 值；如： arr[10] = "Hello";

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Js-函数</title>
</head>
<body>
    <script>
        // var arr = new Array(1, 2, 3, 4, 5, 6);
        var arr = [1, 2, 3, 4];

        console.log(arr[0]);
        console.log(arr[1]);

    </script>
</body>
</html>

数组特点：长度可变、类型可变。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Js-函数</title>
</head>
<body>
    <script>
        // var arr = new Array(1, 2, 3, 4, 5, 6);
        // var arr = [1, 2, 3, 4];

        // console.log(arr[0]);
        // console.log(arr[1]);

        var arr = [1, 2, 3, 4];
        arr[10] = 50;

        console.log(arr[10]);
        console.log(arr[8]);
        console.log(arr[9]);

        arr[8] = "Hello";
        arr[9] = true;

        console.log(arr[8]);
        console.log(arr[9]);

        console.log(arr);

    </script>
</body>
</html>

注意事项：
JavaScript中的数组相当于Java中集合，数组的长度是可变的，而JavaScript是弱类型，随意可以存储任意的类型的数据。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Js-函数</title>
</head>
<body>
    <script>
        var arr = [11, 22, 33, 44];
        arr[10] = 50;
        // for循环遍历
        for (let i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }

        console.log("----------------------------------")

        // foreach 遍历数组中有值的数，如果有某个值是undefined，就不会被遍历
        arr.forEach(function(e){    // 接收一个匿名函数
            console.log(e);
        })

    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Js-函数</title>
</head>
<body>
    <script>
        var arr = [11, 22, 33, 44];
        arr[10] = 50;
        // for循环遍历
        for (let i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }

        console.log("----------------------------------")

        // foreach 遍历数组中有值的数，如果有某个值是undefined，就不会被遍历
        // arr.forEach(function(e){    // 接收一个匿名函数
        //     console.log(e);
        // })

        // 箭头函数
        arr.forEach((e) => {    // 简化函数的定义
            console.log(e);
        });

        // push：添加元素到数组的尾部
        arr.push(100, 200, 300);
        console.log(arr);

        // splice 删除元素
        arr.splice(2, 2);
        console.log(arr);

    </script>
</body>
</html>

Java Web学习笔记11——JavaScript对象

网站公告

今日签到

热门文章

最新发布