JavaScript基础知识-数组的定义方式

简介: 本文介绍了JavaScript中数组的多种定义方式。

作者:尹正杰
版权声明:原创作品,谢绝转载!否则将追究法律责任。

一.JavaScript源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组的定义</title>

    <script type="text/javascript">

        /**
         *  数组(Array)简介:
         *      (1)数组也是一对象,它和我们普通对象的功能类似,也是用来存储一些值的;
         *      (2)它和我们普通对象功能类似,也是用来存储一些值的;
         *      (3)不同的是,普通对象时使用字符串作为属性名的,而数组是使用数字来作为索引操作元素;
         */

        // 使用构造函数创建一个数组对象
        var list01 = new Array();

        // 也可以不适用new关键字,用下面的简写方式创建数一个空的数组对象
        var list02 = [];

        console.log(list01,list01.length);
        console.log(list02,list02.length);

        // 需要注意的是,尽管上面我们创建的两个空数组长得一样,单在heap内存中是两个完全不同的对象,即指向了不同的内存地址。
        console.log(list01 == list02);

        var obj = {name:"Jason YIn",age:17.5,address:"北京"};
        /**
         *  创建数组时,我们可以为其制定初始值,这些初始值可以是任意值,比如自定义对象,数组,函数,变量,字面常量等等。
         */
        var list03 = [1,obj,3.1415926,"JavaScript",[undefined,true,null]];
        var list04 = new Array(1,obj,3.1415926,"JavaScript",[undefined,true,null]);

        console.log(list03,list03.length);
        console.log(list04,list03.length);

        // 需要注意的是,尽管上面我们创建的两个空数组长得一样,单在heap内存中是两个完全不同的对象,即指向了不同的内存地址。
        console.log(list03 == list04);

        /**
         *  通过字面量的方式创建数组,当我们通过new关键字给构造方法传递的只有一个数字时,则他会创建指定长度的数组哟
         */
        list05 = new Array(10);  // 创建长度为10的数组,每个元素均为空(empty)。
        list06 = [10];  // 创建长度为1的数组,只有一个元素,即10.
        console.log(list05,list05.length);
        console.log(list06,list06.length);
    </script>
</head>
<body>

</body>
</html>

二.浏览器打开以上代码渲染结果

目录
相关文章
|
1月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
23 2
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
20 3
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
35 4
|
1月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
31 1
|
1月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
23 5
|
1月前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
17 3
|
1月前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
37 1
|
1月前
|
存储 JavaScript 前端开发
Vue.js项目中全面解析定义全局变量的常用方法与技巧
Vue.js项目中全面解析定义全局变量的常用方法与技巧
39 0
|
1月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
13 0
|
1月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
21 0