3.1 数组创建的方式;3.2数组的元素和长度
![](https://img2023.cnblogs.com/blog/2531222/202301/2531222-20230108211512258-2066849879.gif)
![](https://img2023.cnblogs.com/blog/2531222/202301/2531222-20230108211512258-2066849879.gif)
JS数组创建的四种语法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
/*第一种
*创建了一个空数组 new Array();
* */
var arr=new Array();
arr[0]=1;
console.log(arr);
/*
*第二种
* 创建定长数组 new Array(5);
* */
var arr2=new Array(5);
arr2[0]="x";
arr2[4]=true;
console.log(arr2)
/*
* 第三种创建语法
* 创建时,直接指定元素值
* */
var arr3=new Array("asdf",10,20.3,true);
console.log(arr3)
/*
*第四种语法
* 相当于第三种语法的简写
* */
var arr4=["asdf",10,20.3,true];
console.log(arr4)
</script>
</head>
<body>
</body>
</html>
![](https://img2023.cnblogs.com/blog/2531222/202301/2531222-20230108211512258-2066849879.gif)
![点击并拖拽以移动](https://img2023.cnblogs.com/blog/2531222/202301/2531222-20230108211512258-2066849879.gif)
JS中数组元素和长度使用时的特征
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var arr=[11,22,33];
console.log(arr)
console.log(arr[0]);
console.log(arr.length)
/*
* JS中的数组是可以通过修改length属性来改变数组长度的
* */
arr.length=5;
console.log(arr)
/*
* JS的数组可以通过索引改变数组的长度
* */
arr[9]=99;
console.log(arr);
</script>
</head>
<body>
</body>
</html>
![](https://img2023.cnblogs.com/blog/2531222/202301/2531222-20230108211512258-2066849879.gif)
![点击并拖拽以移动](https://img2023.cnblogs.com/blog/2531222/202301/2531222-20230108211512258-2066849879.gif)