1.什么是数组?
一组相关的数据
数组是一组数据的集合,其中每个数据叫元素,数组中可以存放任意类型的元素。
数组是将一组数据存储在一个变量名下的方式。
数组的英文:Array
2.如何定义数组
1.new方法
var arr = new Array();
注意:Array首字母大写
var arr = new Array(); new方法
<script>
var arr = new Array(); //new方法
console.log(arr)
</script>
一个空的数组
2.字面量法(常用)
<script>
// var arr = new Array(); //new方法
// console.log(arr)
var arr = [75,65,55,45];
console.log(arr);
</script>
<script>
var arr1 = [10,20,'张三',true];
var arr2 = [];
console.log(arr1);
console.log(arr2);
</script>
注意事项:
1.数组使用中括号[ ]
2. [ ]中无数据代表空数组
3.有多个数据时,用逗号隔开
4.数组中的数据称为元素,元素可以是任意类型
3.数组的访问
数组某个元素的获取
1.索引(下标),索引从0开始
<script type="text/javascript">
//数组的访问
var arr = ['唐僧','孙悟空','猪八戒','沙和尚','白龙马'];
console.log(arr); //获取整个数组
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
console.log(arr[3]);
console.log(arr[4]);
</script>
4.数组的遍历
将数组中的元素从头到尾访问一遍称为数组的遍历!
<script type="text/javascript">
//数组的访问
var arr = ['唐僧','孙悟空','猪八戒','沙和尚','白龙马'];
console.log('******数组的遍历******');
//1.数组从0开始所以i=0
//2.数组的长度是5,i<arr.length也就是i<5
//3. i++每次循环都+1
for(var i = 0;i<arr.length;i++){
console.log(i+':'+arr[i]);
}
console.log('数组的长度:'+arr.length);
</script>
5.数组的长度数组中元素的个数
数组名.length
注意:
1.数组的长度是动态变化的
2.数组的长度和数组最后一个元素下标的关系
3.数组的长度-1等于最后一个元素的下标
例子var arr = [1,2,3]; 数组的长度元素的个数是3个,索引是从零开始的3-1=2
索引2刚好就对应元素数组arr中的3这个元素。
3.数组中的练习题
1.练习一
已知数组arr = [10, 5, 65, 32, 47, 11, 36];求数组的中元素相加起来的总和,还有平均值
<script type="text/javascript">
/*
已知数组arr = [10, 5, 65, 32, 47, 11, 36];求数组的中元素相加起来的总和,还有平均值
*/
var arr = [10, 5, 65, 32, 47, 11, 36];
var sum = 0; //sum计算总和初始值为0
var avg; //在声明一个变量avg平均值
for (var i = 0; i < arr.length; i++) {
sum = sum + arr[i];
}
avg = sum / arr.length;
console.log('和:'+sum);
console.log('平均值:'+avg);
</script>
2.练习二
在控制台中打印这个数组的最大值arr = [10, 5, 65, 32, 47, 11, 36];
<script type="text/javascript">
/*在控制台中打印这个数组的最大值arr = [10, 5, 65, 32, 47, 11, 36];*/
var arr = [10, 5, 65, 32, 47, 11, 36];
var max_num = arr[0]; //先假设最大值为arr[0]这个数组
// arr[0]在上面做假设用了,所以i=1
for (var i = 1; i < arr.length; i++) {
if (arr[i] > max_num) {
max_num = arr[i];
}
}
console.log('最大值:' + max_num);
</script>