JavaScript 数组

1. 数组的概念
数组（Array）是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。

2. 创建数组
2.1 数组的创建方式
利用 new 创建数组
利用数字字面量创建数组
2.2 利用 new 创建数组

暂且了解，学完对象再看
注意 Array（），A要大写

2.3 利用数组字面量创建数组 [ ]

1. 数组的字面量是方括号 [ ]
2. 声明数组并赋值称为数组的初始化
3. 这种字面量方式也是我们以后最多使用的方式
   注意点：
4. 我门数组里面的数据一定用逗号分隔。
5. 数组里面的数据 比如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);