JavaScript基础知识-数组基于索引访问

简介: 关于JavaScript数组基于索引访问的基础知识介绍。

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

一.JavaScript源代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组基于索引访问</title>

    <script type="text/javascript">
        /**
         *  数组(Array)简介:
         *      (1)数组也是一对象,它和我们普通对象的功能类似,也是用来存储一些值的;
         *      (2)它和我们普通对象功能类似,也是用来存储一些值的;
         *      (3)不同的是,普通对象时使用字符串作为属性名的,而数组是使用数字来作为索引操作元素;
         *
         *   数组是基于索引访问的:
         *      数组在heap中的内存结构是一个连续的线性地址存储空间,其中0表示数组的第一个索引。
         */

        // 创建数组对象
        var list = new Array();

        // 使用typeof来检查一个数组是,会返回object
        console.log(typeof list);

        /**
         *  往数组对象中添加数据,其语法格式如下:
         *      数组[索引] = 值
         */
        list[0] = "Jason Yin";
        list[1] = 20;
        list[2] = 3.1415926;
        list[3] = "BigData";
        // 注意哈,我这里直接给第21个索引复制,这意味着隐式从3-19的索引均为: undefined
        list[20] = "尹正杰";  // 建议不要创建非连续的数组,因为会占用空间,我这里创建的目的是为了学习它的特性。

        /**
         *  读取数组中的元素,语法格式如下:
         *      数组[索引]
         */
        console.log(list[0])
        console.log(list[1])
        console.log(list[2])
        console.log(list[5])  // 访问数组中一个不存在的元素时,会返回: undefined
        console.log(list)

        /**
         *  获取数组的长度,其语法格式如下:
         *      数组.length
         *
         *  设置数组的长度,其语法格式如下:
         *      数组.length = 数值
         *
         *  温馨提示:
         *      (1)对于连续的数组,使用length属性可以获取到数组的长度(即元素的实际个数);
         *      (2)对于非连续的数组,使用length属性可以获取到数组的最大的索引属性+1;
         *      (3)如果修改的length大于原长度,则多出来的部分会空出来;
         *      (4)如果修改的length小于原长度,则多出来的元素会被删除;
         */
        console.log(list.length);

        list.length =  2;
        console.log(list.length);
        console.log(list);

        list.length =  100;
        console.log(list.length);
        console.log(list);

        /**
         *  向数组的最后一个位置添加元素,其语法格式如下:
         *      数组[数组.length] = 值
         */
        list[list.length] = 6666;

        console.log(list);

    </script>
</head>
<body>

</body>
</html>

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

目录
相关文章
|
2天前
|
JavaScript 前端开发 索引
探索JavaScript数组:基础
探索JavaScript数组:基础
|
1天前
|
JavaScript 前端开发 索引
JS 删除数组元素( 5种方法 )
JS 删除数组元素( 5种方法 )
|
3天前
|
JavaScript 前端开发
如何在JS中声明一个数组
如何在JS中声明一个数组
10 0
|
9天前
|
存储 JavaScript 前端开发
JavaScript Array(数组) 对象
JavaScript Array(数组) 对象
15 3
|
24天前
|
JavaScript 前端开发 索引
|
4天前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
|
14天前
|
JavaScript 前端开发 C++
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
JavaScript用indexOf()在字符串数组中查找子串时需要注意的一个地方
|
14天前
|
JavaScript 前端开发
JavaScript从二维数组抽取元素组成新数组的三种方法
JavaScript从二维数组抽取元素组成新数组的三种方法
|
16天前
|
JavaScript 前端开发
JavaScript 中 五种迭代数组的方法 every some map filter forEach
本文介绍了JavaScript中五种常用数组迭代方法:every、some、filter、map和forEach,并通过示例代码展示了它们的基本用法和区别。
|
16天前
|
JavaScript 前端开发 索引
JavaScript 数组中splice()的用法
本文介绍了JavaScript数组方法splice()的三种用法:删除元素、插入元素和替换元素,通过具体代码示例展示了如何使用splice()方法进行数组的修改操作。