网站建设资讯

NEWS

网站建设资讯

JS一维和二维数组的创建和访问方法

这篇文章主要讲解了“JS一维和二维数组的创建和访问方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS一维和二维数组的创建和访问方法”吧!

我们提供的服务有:做网站、网站建设、微信公众号开发、网站优化、网站认证、金林ssl等。为超过千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的金林网站制作公司

一维数组的创建和访问

一维数组有两种创建方法:“数组直接量”和“Array()函数”。

1、数组直接量 “[]

1)我们可以直接使用“[]”来给一个变量赋值,“[]”中可以是空的,那么就是定义空数组:

var a = [];  //空数组

使用数组的length属性来获取数组长度,返回值会为0。

console.log(a.length);

JS一维和二维数组的创建和访问方法

此时我们可以使用 数组名[下标]=值的形式给空数组赋值

a[0]=1;
a[1]="hello";

JS一维和二维数组的创建和访问方法

数组下标不仅仅可以是数字,也可以为文本字符串,那么此时数组就是一个关联数组

a["姓名"]="张三";
a["年龄"]=23;

JS一维和二维数组的创建和访问方法

如果数组的下标值超出范围,如负数、浮点数、布尔值、对象或其他值,JavaScript 会自动把它转换为一个字符串,并定义为关联数组。

2)也可以直接定义数组并初始化

直接在“[]”中包含多个值列表,值之间用逗号分隔即可。

var a = [1, 2, 3];  //包含具体元素的数组

使用数组的length属性来获取数组长度,返回值就是具体定义的数组元素数目。

JS一维和二维数组的创建和访问方法

2、使用new Array()构造数组

1)如果直接调用 Array() 函数,不传递参数,可以创建一个空数组。

var a = new Array();  //空数组

使用数组的length属性来获取数组长度,返回值会为0。

JS一维和二维数组的创建和访问方法

2)如果调用Array() 函数时,传递多个值(值之间用逗号分隔),可以创建一个实数组。

var a = new Array(1,2,3);

3)如果调用Array() 函数时,只传递一个数值参数,那么就表示只定义了数组的长度,即包含元素的个数;数组元素为空,每个元素的值默认值为 undefined。(数组中元素值没有定义,在语法上两个逗号之间没有任何值的元素,被称为空位元素)

var a = new Array(3);

JS一维和二维数组的创建和访问方法

像这种包含一个或多个空位元素的数组,也被称为空位数组。

var a = [1, , 2];
var a = [1, 2, 3];
delete a[1];

也可产生空位元素,形成空位数组。

3、访问数组

访问数组就是访问数组元素。我们可以使用 数组名[下标表达式]的形式来进行访问,读写数组。

注:下标表达式是值为非负整数的表达式。

例如上文中的

delete a[1]

就是使用delete关键字删除a数组中下标为1的元素(即删除第二个元素)。

还有:

var a = [];  //空数组
a[0]=1;
a[2]="hello";

就是分别为a数组中下标为0和2的元素赋值,下标为1的元素的值没有赋值则为undefined。我们想要输出指定数组元素时,也可使用这种形式

console.log(a[0]);  //读取第一个元素,返回值为1
console.log(a[1]);  //读取第二个元素,返回值为undefined
console.log(a[2]);  //读取第三个元素,返回值为hello

JS一维和二维数组的创建和访问方法

二维数组的创建和访问

JavaScript 并没有直接支持二维数组,但是可以设置数组元素的值等于数组,这样就能模拟二维数组的结构。

1、定义二维数组

定义二维数组的方法1:

var a = [];
a[0,0] = 1;
a[0,1] = 2;
a[1,0] = 3;
a[1,1] = 4;

定义二维数组的方法2:

var a = [  //定义二维数组
    [1.1, 1.2],
    [2.1, 2.2]
];

JS一维和二维数组的创建和访问方法

定义二维数组的方法3:

var a = new Array(
[1.1, 1.2],
[2.1, 2.2]);  //定义二维数组

JS一维和二维数组的创建和访问方法

按照这种思想,如果二维数组中每个元素的值也为数组,则可以模拟三维数组,以此类推,通过数组嵌套的形式可以定义多维数组。

2、访问二维数组

访问二维数组甚至三维数组、多维数组的方法,和访问一维数组的方法一样,都是使用中括号进行访问:

数组名[下标表达式1] [下标表达式2]

数组名[下标表达式1] [下标表达式2] [下标表达式3]

...

数组名[下标表达式1] [下标表达式2] [下标表达式3]...[下标表达式N]

更高维度的数组以此类推。

感谢各位的阅读,以上就是“JS一维和二维数组的创建和访问方法”的内容了,经过本文的学习后,相信大家对JS一维和二维数组的创建和访问方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


当前文章:JS一维和二维数组的创建和访问方法
文章来源:http://cdweb.net/article/jdsssi.html