免费儿童编程课程:JavaScript数组的创建

发表时间: 2024-03-07 10:15

JavaScript之数组定义

免费少儿编程开课啦,同学们好!今天分享的知识是对JS数组概念的讲解,其中有数组的3种声明方式:数组的取值和赋值以及一维数组、二维数组、多维数组的讲解和实例。本章的主要目的是明白数组是什么东西和基础的操作,进阶操作会在后续章节中讲解。

首先要明白什么是数组,它是将一系列的值保存在一个变量名中。比如这里,我要将三个汽车品牌保存在变量中,那我就得声明3个变量,好像也没有什么问题。但如果是全世界的汽车品牌都要保存在变量中,那我也要声明几百个变量吗?声明好了维护的难度又是何等的庞大?你说几百个ok,那我给你几千甚至几万个值呢?这时候就要用到数组,一个变量就可以保存全部值。

数组的声明在JS中和普通变量声明没有太大区别,一共有3种声明格式。

·第一种使用newarray函数声明新建一个数组,这时数组是空的([2),在后面使用时将值一个个的填进数组里就可以了。

·第二种则是使用带参数的newarray函数,将值以逗号分隔开直接传递至array函数中,它会自动新建数组(21:)并依次为其排列赋值。

·第三种则是使用中括号将值围堵起来,依然是逗号分隔([2],也可以完成数组的建立和值初始化。

数组的赋值和取值都会用到数组索引,我将其称为序号。概念理解到随便你怎么叫,要对数组元素取赋值时都必须用到序号。序号是按顺序来的,从零开始,不是从一开始。切记,像这里,数组名是A1,那么A1数组的第一个元素序号就是A1[0],第二个就是A1[1],以此类推。而A2和A3数组也是一样。j、s会自动按填值的顺序为值编号,也就是A20、A30之类的。数组值并不是必须连续的,这里就不细讲了。

取值也是使用序号来完成的,格式一样是使用数组变量名加中括号,中括号中填入序号就可以取到对应的值。就像我这样将A1数组的值取出输出至文本框中。在js中一个数组可以保存多种类型的值。

这里我在A4数组中将序号0的值设为当前时间,序号1的值设为字符串,序号2的值设为数字,再将它的值输出至文本框中。看到了吧?完全没问题。

接下来我要讲的内容你们能理解就理解,理解不了也没什么。对于初学者这确实很抽象,刚才我讲过的我们的值全部保存在一个数组中,它们的序号是评级的,也只有一级,所以就叫一维数组。而二维和多维顾名思义就是有多个不评级不同维的数组。

在一维中我们每个序号都是一个值,但如果说这个值也是一个数组呢?那这个值中的数组中的值就是二维数组的值。像这里声明了A5,但平时放值的地方我却放置了另一个数组进去,那就是数组包含数组形成了二维数组。

二维数据的赋值和访问也是使用序号来完成的。为了向其简单赋值,我使用了双循环。

·第一个循环遍历第一维,这个A5点length属性返回的就是数组的长度。在这里这个A5有3个值,所以length属性返回值为3。

·第二个循环我遍历了第二维,将每个数组元素值输出至文本框中。在这里你们可以看到二维数据序号的访问方式有几维,你要访问哪个元素就填写几维的序号即可。比如第一维第二个值和第二维第三个值数组序号就是[1][2],记住序号是0开头,以此类推。

每次二维数组遍历输出完后再加上一个换行,让你们看得更清晰,看看效果。二维数组你们还可以用行和列的方式来理解,就像这样。

接下来我还演示了三维数组,一般普通人能理解的极限就是2维,3维开始就有点晕了,不过没问题,用得也不多,你们在这里看看就得了。3维并不是JS数组的极限,还可以有4维、5维、6维等等。这段是对三维数组进行值的简单初始化,后面是3个循环嵌套遍历整个3维数组并输出值。

如果说1维数组的表现形式是线,2维数组是面,那3维数组就是一个立方体了,数组是比较考验逻辑能力的。本章你们能搞清楚一维数组就算是成功。

好了,今天的分享就到这里,各位同学可以在汇总文档中尝试修改数值来查看不同的效果。所有的案例及相关文档均可向我获取,我们下期见。想学编程点点关注吧。