JavaScript数组基础:创建、赋值与二维数组详解
本文系统讲解JavaScript数组的核心概念,涵盖数组的创建方式(构造函数与字面量)、动态赋值、长度属性length的可变性以及二维数组的定义与访问方法。通过具体代码示例,帮助开发者掌握数组的基本操作与注意事项。
JavaScript数组基础概念
数组是一组数据的集合,其中每个数据元素都对应一个从0开始的索引号。开发者可以根据需求向数组中添加任意数量的数值。
<script type="text/javascript">
var myarr=new Array(); //定义数组
myarr[0]=80;
myarr[1]=60;
myarr[2]=99;
document.write("第一个人的成绩是:"+myarr[0]);
document.write("第二个人的成绩是:"+myarr[1]);
document.write("第三个人的成绩是:"+myarr[2]);
</script>
数组的创建与长度指定
在使用数组前,必须先创建该数组并将其赋值给一个变量。创建数组的基本语法如下所示。
var myarray=new Array();//语句是创建一个新数组存储在myarray变量中
var myarray保存数组的变量
new Array();创建一个新的空数组
在创建数组时,可以指定数组的初始长度,该长度值可以任意设定。
具体实现代码如下。
var myarray= new Array(8); //创建数组,存储8个数据。 注意:
1).创建的新数组是空数组,没有值,如输出,则显示undefined。
2).虽然创建数组时,指定了长度,但实际上数组都是变长的,也就是说即使指定了长度为8,仍然可以将元素存储在规定长度以外。
数组元素的赋值方法
3、数组赋值 第一步:组个大巴车 第二步:按票对号入座 大巴车的1号座位是张三 大巴车的2号座位是李四 数组表达方式: 第一步:创建数组var myarr=new Array(); 第二步:给数组赋值 myarr[1]=" 张三"; myarr[2]=" 李四"; 创建一个数组,用于存储5个人的数学成绩:
var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩
注意:数组每个值有一个索引号,从0开始。 第一种方法:
代码如下:
var myarray = new Array(66,80,90,77,59);//创建数组同时可以赋值第二种方法:
代码如下:
var myarray = new Array[66,80,90,77,59];//直接输入一个数组(称“字面量数组”)数组元素的增删与访问
4、向数组增加一个新元素 只需使用下一个未用的索引,任何时刻可以不断向数组增加新元素。 myarray[5]=88; //使用一个新索引,为数组增加一个新元素
5、使用数组元素 要得到一个数组元素的值,只需引用数组变量并提供一个索引,如: 第一个人的成绩表示方法:myarray[0] 第三个人的成绩表示方法: myarray[2]
<script language="javascript">
var myarr=new Array();
myarr[0]="小红";
myarr[1]="小明";
myarr[2]="小亮";
myarr[3]="小川";
document.write("第二人的姓名是:"+ myarr[1] );
</script>
数组长度属性length
6、了解成员数量(数组属性length) Length属性表示数组的长度,即数组中元素的个数。
代码如下:
myarray.length; //获得数组myarray的长度注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。
var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr
document.write(arr.length); //显示数组长度8
document.write(arr[7]); //显示第8个元素的值54
同时,JavaScript数组的length属性是可变的,这一点需要特别注意。
arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10
数组随元素的增加,长度也会改变,如下:
var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16
二维数组的定义与操作
7、二维数组 一维数组,我们看成一组盒子,每个盒子只能放一个内容。 一维数组的表示: myarray[ ] 二维数组,我们看成一组盒子,不过每个盒子里还可以放多个盒子。 二维数组的表示: myarray[ ][ ] 注意: 二维数组的两个维度的索引值也是从0开始,两个维度的最后一个索引值为长度-1。 1). 二维数组的定义方法一
var myarr=new Array(); //先声明一维
for(var i=0;i<2;i++){ //一维长度为2
myarr[i]=new Array(); //再声明二维
for(var j=0;j<3;j++){ //二维长度为3
myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
}
}
2). 二维数组的定义方法二
代码如下:
var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3, ]]3). 赋值
代码如下:
myarr[0][1]=5; //将5的值传入到数组中,覆盖原有值。说明: myarr[0][1] ,0 表示表的行,1表示表的列。
以上就是关于Javascript数组的全部内容,是对Javascript数组的进一步学习,希望大家喜欢。
JS处理含Emoji或中文的字符串转数组乱码问题
2026-11-05 16:12:28
JS怎么使用展开运算符合并对象
2026-11-05 14:42:18
ES6+环境下判断JS对象为空的简洁写法
2026-11-05 12:12:23
怎么通过replacer函数自定义JS中JSON的格式化输出
2026-11-05 11:19:44
JS正则表达式基础:字面量与RegExp构造函数的区别及常用元字符
2026-11-05 11:16:58
相关标签:
