JS一维和二维数组的创建和访问方法
这篇文章主要讲解了“JS一维和二维数组的创建和访问方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JS一维和二维数组的创建和访问方法”吧!
我们提供的服务有:做网站、网站建设、微信公众号开发、网站优化、网站认证、金林ssl等。为超过千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的金林网站制作公司
一维数组的创建和访问
一维数组有两种创建方法:“数组直接量”和“Array()函数”。
1、数组直接量 “[]
”
1)我们可以直接使用“[]
”来给一个变量赋值,“[]”中可以是空的,那么就是定义空数组:
var a = []; //空数组
使用数组的length属性来获取数组长度,返回值会为0。
console.log(a.length);
此时我们可以使用 数组名[下标]=值
的形式给空数组赋值
a[0]=1; a[1]="hello";
数组下标不仅仅可以是数字,也可以为文本字符串,那么此时数组就是一个关联数组
a["姓名"]="张三"; a["年龄"]=23;
如果数组的下标值超出范围,如负数、浮点数、布尔值、对象或其他值,JavaScript 会自动把它转换为一个字符串,并定义为关联数组。
2)也可以直接定义数组并初始化
直接在“[]
”中包含多个值列表,值之间用逗号分隔即可。
var a = [1, 2, 3]; //包含具体元素的数组
使用数组的length属性来获取数组长度,返回值就是具体定义的数组元素数目。
2、使用new Array()
构造数组
1)如果直接调用 Array() 函数,不传递参数,可以创建一个空数组。
var a = new Array(); //空数组
使用数组的length属性来获取数组长度,返回值会为0。
2)如果调用Array() 函数时,传递多个值(值之间用逗号分隔),可以创建一个实数组。
var a = new Array(1,2,3);
3)如果调用Array() 函数时,只传递一个数值参数,那么就表示只定义了数组的长度,即包含元素的个数;数组元素为空,每个元素的值默认值为 undefined。(数组中元素值没有定义,在语法上两个逗号之间没有任何值的元素,被称为空位元素)
var a = new Array(3);
像这种包含一个或多个空位元素的数组,也被称为空位数组。
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
二维数组的创建和访问
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] ];
定义二维数组的方法3:
var a = new Array( [1.1, 1.2], [2.1, 2.2]); //定义二维数组
按照这种思想,如果二维数组中每个元素的值也为数组,则可以模拟三维数组,以此类推,通过数组嵌套的形式可以定义多维数组。
2、访问二维数组
访问二维数组甚至三维数组、多维数组的方法,和访问一维数组的方法一样,都是使用中括号进行访问:
数组名[下标表达式1] [下标表达式2] 数组名[下标表达式1] [下标表达式2] [下标表达式3] ... 数组名[下标表达式1] [下标表达式2] [下标表达式3]...[下标表达式N]
更高维度的数组以此类推。
感谢各位的阅读,以上就是“JS一维和二维数组的创建和访问方法”的内容了,经过本文的学习后,相信大家对JS一维和二维数组的创建和访问方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!
名称栏目:JS一维和二维数组的创建和访问方法
URL地址:http://myzitong.com/article/jdsssi.html