1. 数组的概念
数组(Array)是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。
2. 创建数组
2.1 数组的创建方式
利用 new 创建数组
利用数字字面量创建数组
2.2 利用 new 创建数组
暂且了解,学完对象再看
注意 Array(),A要大写
2.3 利用数组字面量创建数组 [ ]
- 数组的字面量是方括号 [ ]
- 声明数组并赋值称为数组的初始化
- 这种字面量方式也是我们以后最多使用的方式
注意点: - 我门数组里面的数据一定用逗号分隔。
- 数组里面的数据 比如1,2,3 我们称为数组元素
2.4 数组元素的类型
数组中可以存放任意类型的数据,列如字符串,数字,布尔值等。
3.1 数组的索引
索引(下标):用来访问数组元素的序号(数组索引从0开始 )
数组可以通过索引来访问,设置,修改对应的数组元素,我们可以通过 数组名[索引] 的形式来获取数组中的元素。
4. 遍历数组
遍历:就是把数组中的每个元素从头到尾都访问一次
var arr = ['red', 'green', 'blue'];
for (var i = 0; i < 3; i++) { // 因为数组索引是从0开始,所以 i 必须从 0 开始 i < 3
console.log(arr[i]); // 这里写 i 遍历出来的是所有数组。 i 计数器当索引号来使用
}
练习:依次打印三国人物到控制台里面
var arr = ['关羽', '张飞', '马超' , '赵云', '黄忠', '刘备', '姜维'];
for (var i = 0; i < 7; i++) {
console.log(arr[i]);
}
这是针对我们一眼就能看出的数组数量的方法,那如果数组里面有几十,上百个,那一个一个数,就太不讲究了
我们可以用 length 来解决(推荐这个方法)
var arr = ['关羽', '张飞', '马超' , '赵云', '黄忠', '刘备', '姜维'];
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
这样不管里面添加多少个元素,都能给你打印出来
案列: 求数组[2, 6, 1, 7, 4]里面所有元素的和以及平均值
(1) 声明一个求和变量存进去 sum
(2) 遍历这个数组,把里面每个数组元素加到 sum 里面
(3) 用求和变量 sum 除以数组的长度就可以得到数组的平均值
var arr = [2, 6, 1, 7, 4];
var sum = 0;
var average = 0;
for (var i = 0; i < arr.length; i++) {
sum += arr[i]; // 我们加的的数组元素 arr[i] 不是计数器 i
}
average = sum / arr.length;
console.log(sum,average); // 输出多个变量用逗号分隔
案列:求数组[2,6, 1,77, 52,25, 7]中的最大值
(1)声明一个保存最大元素的变量 max
(2)默认最大值可以取数组中的第一个元素
(3)遍历这个数组,把里面每个数组元素和 max 作比较。
(4)如果这个数组元素大于 max 就把这个数组元素存到 max 里面,否则继续下一轮比较
(5)最后输出这个 max
var arr = [2 ,6 , 1, 77, 52, 25, 7];
var max = arr[0];
for (var i = 1; i < arr.length; i++) {
if (arr[i] > max) { //如果遍历出来的数大于 max 在这里第一步就是 6 > 2
max = arr[i]; //那么 max 里面的数就是由 2 变成 6 然后 i++ 不停去加去比较
}
}
console.log('该数组里面的最大值是:' + max);
案列:将数组[‘red’,‘green’,‘blue’,‘pink’]转换为字符串,并且用 | 或其他符号分割
1.需要一个新的变量用于存放转换完的字符串 Str
2.遍历原来的数组,分别把里面数据取出来,加到字符串里面
3.同时在后面多加一个分隔符
var arr = ['red', 'green', 'blue', 'pink'];
var str = '';
var sep = '|'; //推荐给变量的这种写法,也可以 arr[i] + '|' 但不提倡
for (var i = 0; i < arr.length; i++) {
str += arr[i] + sep;
}
console.log(str);
5.数组中新增元素
1.可以通过修改 length 长度 以及索引号增加数组元素,扩容数组
2.可以通过修改数组索引的方式追加数组元素
案列:新建一个数组,里面存放10个整数(1-10)
(1)使用循环来追加数组
(2)声明一个空数组 arr
(3)循环中的计数器 i 可以作为数组元素存入
var arr = [];
for (var i = 0; i < 10; i++) {
// arr = i; 不要直接给数组名赋值 否则以前的元素都没了
arr[i] = i + 1;
}
console.log(arr);
案列:将数组[2, 0, 6, 1, 77, 0, 52, 0, 25, 7]中大于等于10的元素选出来 放入新数组
方法 1 :
(1)声明一个新的数组用于存放新数据 newArr
(2)遍历原来的旧数组 找出大于等于10的元素
(3)依次追加给新数组 newArr
var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var newArr = [];
var j = 0;
for (var i = 0; i < arr.length; i++) {
if (arr[i] >= 10) {
// 新数组应该从 0 开始 依次递增
newArr[j] = arr[i];
j++;
}
}
console.log(newArr);
方法 2 :
var arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var newArr = [];
// 刚开始 newArr.length 就是 0
for (var i = 0; i < arr.length; i++) {
if (arr[i] >= 10) {
// 新数组应该从 0 开始 依次递增
newArr[newArr.length] = arr [i];
}
}
console.log(newArr);
案列:
删除指定数组元素
// 要求:将数组[ 2, 0, 6, 1, 77, 0, 52, 0, 25, 7]中的 0 去掉后,形成一个不包含 0 的数组
// (1) 需要一个新数组用于存放筛选之后的数据
// (2) 遍历原来的数组 把不是 0 的数据添加到新数组里面(此时要注意采用数组名 + 索引的格式接收数据)
// (3) 新数组里面的个数 用 length 不断累加
var arr = [ 2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
var newArr = [];
for (var i = 0; i < arr.length; i++) {
if (arr[i] != 0) {
newArr[newArr.length] = arr [i];
}
}
console.log(newArr);
案列:
数组排序(冒泡排序)
var num1 = 10;
var num2 = 20;
var temp;
temp = num1;
num1 = num2;
num2 = temp;
console.log(num1, num2);
冒泡:
var arr = [5, 4, 3, 2, 1];
for (var i = 0; i <= arr.length - 1; i++) { // 外层循环趟数
for (var j = 0; j <= arr.length - i - 1; j++) // 里面的循环管 每一趟的交换次数
// 内部交换2个变量的值 前一个和后面一个数组元素相比较
if (arr[j] > arr[j + 1]) {
var temp = arr[j];
arr[j] = arr[j + 1];
arr[j + 1] = temp;
}
}
console.log(arr);