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>

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

目录
相关文章
|
3月前
|
JavaScript API 开发者
在Vue.js中设置方法时访问$vuetify实例的正确姿势。
总之,访问 `$vuetify`实例是一种直观而有效的方法,它使得在Vue组件中处理Vuetify相关的逻辑成为可能。务必留意正确使用 `this`上下文,并确保在执行任何操作之前,Vue组件实例已经正确初始化并且可用。这种方式在组件自身逻辑与Vuetify的界面表现层之间架起了一座桥梁,使得开发者可以通过书写组件代码来控制和优化用户界面。
71 14
|
2月前
|
JavaScript 前端开发 算法
流量分发代码实战|学会用JS控制用户访问路径
流量分发工具(Traffic Distributor),又称跳转器或负载均衡器,可通过JavaScript按预设规则将用户随机引导至不同网站,适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码,实现智能、隐蔽的流量控制,并附完整示例与算法解析。
87 1
|
6月前
|
JavaScript 前端开发 API
JavaScript中通过array.map()实现数据转换、创建派生数组、异步数据流处理、复杂API请求、DOM操作、搜索和过滤等,array.map()的使用详解(附实际应用代码)
array.map()可以用来数据转换、创建派生数组、应用函数、链式调用、异步数据流处理、复杂API请求梳理、提供DOM操作、用来搜索和过滤等,比for好用太多了,主要是写法简单,并且非常直观,并且能提升代码的可读性,也就提升了Long Term代码的可维护性。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
6月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
10月前
|
前端开发 JavaScript
如何在 JavaScript 中访问和修改 CSS 变量?
【10月更文挑战第28天】通过以上方法,可以在JavaScript中灵活地访问和修改CSS变量,从而实现根据用户交互、页面状态等动态地改变页面样式,为网页添加更多的交互性和动态效果。在实际应用中,可以根据具体的需求和场景选择合适的方法来操作CSS变量。
356 12
|
11月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
185 2
|
11月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
317 3
|
11月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
156 1
|
11月前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
173 0
|
11月前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
175 0