JavaScript数组基本操作的示例分析

发布时间:2022-03-03 14:33:33 作者:小新
来源:亿速云 阅读:143

这篇文章主要为大家展示了“JavaScript数组基本操作的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript数组基本操作的示例分析”这篇文章吧。

一、初识数组

数组构成:数组由一个或多个数组元素组成的,各元素之间使用逗号“,”分割。

数组元素:每个数组元素由“下标”和“值”构成。

下标:又称索引,以数字表示,默认从0开始依次递增,用于识别元素。

值:元素的内容,可以是任意类型的数据,如数值型、字符型、数组、对象等。

JavaScript数组基本操作的示例分析

数组还可以根据维数划分为一维数组、二维数组、三维数组等多维数组。

一维数组:就是指数组的“值”是非数组类型的数据,如上图。

二维数组:是指数组元素的“值”是一个一维数组,如下图。

JavaScript数组基本操作的示例分析

数组还可以根据维数划分为一维数组、二维数组、三维数组等多维数组。

多维数组:当一个数组的值又是一个数组时,就可以形成多维数组。它通常用于描述一些信息。

举例:保存一个班级学生信息,每个数组元素都代表一个学生,而每个学生都使用一个一维数组分别表示其姓名、学号、年龄等信息,这样通过一个变量即可有规律的保存一个班级的所有学生信息,方便开发时进行处理。

二、创建数组

数组在JavaScript中的创建方式:

使用Array对象创建数组

实例化Array对象的方式创建数组,是通过new关键字实现的。

JavaScript数组基本操作的示例分析

使用“[]”创建数组

直接法“[]”与Array()对象的使用方式类似,只需将new Array()替换为[]即可。

JavaScript数组基本操作的示例分析

三、数组的基本操作

获取数组长度

Array对象提供的length属性可以获取数组的长度,其值为数组元素最大下标加1。

JavaScript数组基本操作的示例分析

数组arr2中没有值的数组元素会占用空的存储位置。

因此,数组的下标依然会递增。从而arr2调用length属性最后的输出结果即为6。

数组的length属性不仅可以用于获取数组长度,还可以修改数组长度。

在利用length属性指定数组长度时,有以下是三种情况:

JavaScript数组基本操作的示例分析

????若length的值大于数组中原来的元素个数,则没有值的数组元素会占用空存储位置。

JavaScript数组基本操作的示例分析

????若length的值等于数组中原来的元素个数,数组长度不变。

JavaScript数组基本操作的示例分析

????若length的值小于数组中原来的元素个数,多余的数组元素将会被舍弃。

JavaScript数组基本操作的示例分析

除此之外,在利用Array对象方式创建数组时,也可以指定数组的长度。

JavaScript数组基本操作的示例分析

注意

JavaScript中不论何种方式指定数组长度后,并不影响继续为数组添加元素,同时数组的length属性值会发生相应的改变。

访问数组元素

数组元素访问方式:“数组名[下标]”。

概念:所谓遍历数组就是依次访问数组中所有元素的操作。

JavaScript数组基本操作的示例分析

注意

在ES6中,新增了一种for…of语法,可以更方便地对数组进行遍历。

JavaScript数组基本操作的示例分析

元素的添加与修改

元素的添加与修改元素的方式:“数组名[下标]”。

提示:与访问数组中的元素的方式相同。

添加元素

JavaScript数组基本操作的示例分析

JavaScript数组基本操作的示例分析

修改元素

修改元素与添加元素的使用相同,区别在于修改元素是为已含有值的元素重新赋值。

JavaScript数组基本操作的示例分析

元素的删除

在创建数组后,有时也需要根据实际情况,删除数组中的某个元素值。

例如,一个保存全班学生信息的多维数组,若这个班级中有一个学生转学了,那么在这个保存学生信息的数组中就需要删除此学生。

此时,可以利用delete关键字删除该数组元素的值。

delete关键字只能删除数组中指定下标的元素值,删除后该元素依然会占用一个空的存储位置。

JavaScript数组基本操作的示例分析

解构赋值

除了前面学习过的变量声明与赋值方式,ES6中还提供了另外一种方式——解构赋值。例如,若把数组[1,2,3]中的元素分别赋值为a、b和c,传统的做法是单独为变量声明和赋值。

JavaScript数组基本操作的示例分析

JavaScript数组基本操作的示例分析

以上是“JavaScript数组基本操作的示例分析”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. XML文档基本操作的示例分析
  2. JavaScript数组方法的示例分析

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:Java锁的膨胀过程以及一致性哈希对锁膨胀的影响是什么

下一篇:C语言指针综合应用的示例分析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》