目录
数组
数组的概念
数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。
数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。
创建数组
利用 new 创建数组
var arr = new Array(); // 创建了一个空的数组
利用数组字面量创建数组
// 2.利用数组字面量创建数组[]
var arr = []; // 空的数组
var arr1 = [1, 2, 'pink老师', true]; // 可以放任意的数据类型 数组的初始化
// 3.数组里面的数据一定要用逗号分隔
// 4.数组里面的数据 比如 1,2, 我们称为数组元素
- 数组的字面量是方括号 [ ]
- 声明数组并赋值称为数组的初始化
- 数组中可以存放任意类型的数据,例如字符串,数字,布尔值等。
获取数组元素
数组的索引
索引 (下标) :用来访问数组元素的序号(数组下标从 0 开始)。
访问(获取,得到)数组元素 :数组名【索引号】
// 5.获取数组元素
console.log(arr1[2]); // pink老师
遍历数组
遍历: 就是把数组中的每个元素从头到尾都访问一次(类似我们每天早上学生的点名)。 我们可以通过 for 循环索引遍历数组中的每一项
数组的长度
使用“数组名.length”可以访问数组元素的数量(数组长度)。
var arr = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期天'];
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
console.log(arr.length); // 7
- 数组的长度 是元素个数 , 不要跟索引号混淆
- arr.length 动态监测数组元素的个数
for 里面的 i 是什么?当什么使用? for里面的数组元素怎么写?
i是计数器,当索引号使用, arr[i] 是数组元素 第i个数组元素
课堂案例 2:数组求和及平均值
求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值。
var arr = [2, 6, 1, 7, 4];
var sum = 0;
for (var i = 0; i < arr.length; i++) {
sum += arr[i]; // 我们加的是数组元素 arr[i] 不是计数器 i
}
var average = sum / arr.length;
console.log(sum, average);// 想要输出多个变量 用逗号 分隔即可
课堂案例 3: 数组最大值
求数组[2,6,1,77,52,25,7]中的最大值。
// 求数组[2,6,1,77,52,25,7]中的最大值。
var arr = [2, 6, 1, 77, 52, 25, 7];
var max = arr[0];
for (var i = 0; i < arr.length; i++) { // 从第一个数组元素开始遍历
if (arr[i] > max) {
max = arr[i];
}
}
console.log(max);
课堂案例 4: 数组转换为字符串
要求:将数组 ['red', 'green', 'blue', 'pink'] 里面的元素转换为字符串
输出: 'red|green|blue|pink'
var arr = ['red', 'green', 'blue', 'pink'];
var str = ''; // 用来存放转换完的字符串
var sep = '※';// 任意一个分隔符
for (var i = 0; i < arr.length; i++) {
str += arr[i] + sep;
}
console.log(str);
数组中新增元素
通过修改 length 长度新增数组元素
- 可以通过修改 length 长度来实现数组扩容的目的
- length 属性是可读写的
- arr.length=5;
// 1.新增数组元素 修改length长度
var arr = ['red', 'green', 'blue'];
console.log(arr.length);// 3
arr.length = 5; // 把我们数组的长度修改为了 5 里面也应该有5个元素
console.log(arr);
console.log(arr[3]); // 没有给值 默认为 undefined
console.log(arr[4]);
通过修改数组索引新增数组元素
- 可以通过修改数组索引的方式追加数组元素
- 不能直接给数组名赋值,否则会覆盖掉以前的数据
-
不要直接给数组名赋值,否则会覆盖掉以前的数据
- arr[3] = 'yellow';
// 2.修改索引号 追加数组元素
var arr = ['red', 'green', 'blue'];
arr[3] = 'pink'; // 追加数组元素
console.log(arr);
arr[0] = 'yellow'; // 这里是替换原来的数组元素
console.log(arr); // ["yellow", "green", "blue", "pink"]
arr = '有点意思'; // 不要直接给数组名赋值,否则会覆盖掉以前的数据
console.log(arr); // '有点意思'
课堂案例 1: 数组新增元素
新建一个数组,里面存放10个整数( 1~10), 要求使用循环追加的方式输出: [1,2,3,4,5,6,7,8,9,10]
var arr = []; // 一个空的数组
for (var i = 1; i <= 10; i++) {
arr[i - 1] = i; // 计数器为0 第一个数组元素为1
}
console.log(arr);
课堂案例 2:筛选数组
要求:将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 中大于等于 10 的元素选出来,放入新数组。
var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var arr1 = []; // 一个新的空数组
var j = 0; // 新数组的索引号
for (var i = 0; i < arr.length; i++) {
if (arr[i] >= 10) {
// 新数组应该从0开始 依次递增
arr1[j] = arr[i]; // 将第一个值 存放给j
j++; // 存放给j后 j++
}
}
console.log(arr1);
方法二:
var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var arr1 = []; // 一个新的空数组
//刚开始 arr1.lenth ==0
for (var i = 0; i < arr.length; i++) {
if (arr[i] >= 10) {
// 新数组应该从0开始 依次递增
arr1[arr1.length] = arr[i]; // arr1[0]=77; arr1[1]=52;
}
}
</