数组属性和方法

最新推荐文章于 2023-01-31 11:17:45 发布

一份蛋炒饭

最新推荐文章于 2023-01-31 11:17:45 发布

阅读量306

点赞数

分类专栏： js 文章标签： js javascript

本文链接：https://blog.csdn.net/weixin_52019215/article/details/114106130

版权

js 专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 数组
        //数组也是对象
        //和普通对象功能类似，也是用来存储一些值的
        //不同的是普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引操作元素的

        // 索引 ：从0开始的整数就是索引index
        //数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据
        //创建数组对象
        var arr = new Array();
        console.log(arr);
        //使用typeof检查数组 返回Object
        console.log(typeof arr);

        //向数组中添加元素
        //语法：数组[索引] = 值
        arr[0] = 10;
        arr[1] = 66;
        arr[2] = 88;
        // arr[10] = 456;
        // console.log(arr);[10,66,88]
        //66
        console.log(arr[1]);
        //如果读取不存在的索引不会报错 而会返回undefined
        console.log(arr[3]);

        //获取数组长度
        // 语法：数组.length  

        //对于连续的数组，使用length可以获取数组数量
        //对于非连续的数组，使用length会获取到数组最大的索引+1  返回11
        // console.log(arr.length);
        // [10, 66, 88, empty * 7 , 456]
        // console.log(arr);

        //修改length
        //如果修改的length大于原长度，则多出部分会空出来
        // arr.length = 10;
        // console.log(arr.length);
        // console.log(arr);

        //如果修改的length小于原长度，则多出的元素会删除
        // arr.length = 2;
        // console.log(arr.length);
        // console.log(arr);

        //向数组最后索引添加元素
        arr[arr.length] = 100;
        arr[arr.length] = 200;
        console.log(arr);

        //创建数组

        // 1 利用构造函数创建数组
        // var arr = new Array();
        // arr[0] = 123;
        // 数组也是对象，也可以写成下面形式 但是失去了数组的意义
        // arr.hello = 'liuyun';
        // console.log(arr.hello);

        // 2 使用字面量创建数组
        // var arr = [];
        // console.log(typeof arr);
        //使用字面量创建数组时，可以在创建的时候指定数组的元素
        var arr = [55, 456, 66, 88];
        console.log(arr[0]);
        //使用构造函数创建数组的时候也可以添加数组元素 将要添加的元素作为构造函数的参数传递
        //元素之间,号隔开
        var arr2 = new Array(22, 33, 66, 78);
        console.log(arr2);

        //创建一个数组 其中一个元素
        arr = [666];
        console.log(arr);

        //创建一个长度为888的数组
        arr2 = new Array(888);
        //[empty * 8]
        console.log(arr2);
        //返回888
        console.log(arr2.length);

        //数组中的元素可以是任意的数据类型 也可以是对象
        arr = ['asd', 1, false, null, undefined];
        console.log(arr);

        var obj = {
            name: 'liuyun'
        };
        // 给arr添加一个元素
        arr[arr.length] = obj;
        console.log(arr);
        //object
        console.log(arr[5]);
        //liuyun 
        console.log(arr[5].name);
        arr = [{
            name: "liuyun"
        }, {
            name: "jinchengwu"
        }, {
            name: "chenguanxi"
        }];
        console.log(arr);
        console.log(arr[1].name);

        //数组中的元素可以是一个函数 函数也是对象
        // arr = [function() {
        //     alert(0)
        // }, function() {
        //     alert(1)
        // }];
        // console.log(arr);
        // arr[0]();

        //数组元素也可以是数组 二维数组
        arr = [
            [123],
            [456],
            [678]
        ];
        console.log(arr);
        console.log(arr[0]);

        // 数组的四个方法
        // 1 push 可以向数组添加一个或多个元素，并返回数组长度
        //可以将要添加的元素作为方法的参数传递 这些元素将自动添加到数组的末尾
        arr = ["liuyun", "wangsicun", "huge"]
        var result = arr.push("liudehua", "huohuade", "zhangguorong");
        console.log(arr);
        //返回新数组的长度
        console.log(result);

        // 2 pop()
        // 可删除数组中最后一个元素 并且返回删除的元素
        //删掉zhangguorong
        result = arr.pop();
        //删除huohuade
        console.log(result);
        result = arr.pop();
        console.log(result);
        console.log(arr);

        // 3 unshift() 向数组开头添加一个或多个元素，返回新数组长度
        // 向前边插入元素后，原来索引会发生改变
        console.log(arr);
        arr.unshift("wangyibo");
        console.log(arr);

        // 4 shift() 删除数组第一个元素，返回删除元素
        console.log(arr);
        //删除第一个元素wangyibo
        result = arr.shift();
        console.log(arr);
        console.log(result);

        //数组遍历
        var arr = ["qwe", "asd", "zxc", "tyu"];
        for (var i = 0; i < arr.length; i++) {
            console.log(arr[i]);
        }
    </script>
</body>

</html>

一份蛋炒饭

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
数组属性和方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
复制链接

扫一扫