1 数组（Array）

1.1 概念

// 数组就是一组数据的集合，每个数据被称之为元素，可以存放任意类型的元素。、

2 创建数组

// JS中存在两种数组的创建方式

// 2.1 利用new创建数组

var arr = new Array(); // 创建了一个空数组

// 2.2 利用数组字面量创建数组（常用）

var arr = [];

var arr1 = [1, 2, 3, '小飞', true];

// 数字里面的数据 用 逗号 分隔开

// 每个数据被称之为元素

3 获取数组元素

3.1 数组的索引

// 用来访问数组元素的序号（数字下标从0开始）

3.2 获取方式

// 数组名[索引号]

<script>
var arr1 = [1, 2, 3, '小飞', true];console.log(arr1[3]); // 小飞
</script>

4 遍历数组

// 遍历 把数组中的每一个元素从头到尾都访问一次

<script>var arr3 = ['red', 'blue', 'green', ];for (var i = 0; i < 3; i++) { // 数字下标从0开始console.log(arr3[i]);}
</script>

// 因为数组的索引号从o开始，所有i从0，且i<3

5 数组长度

<script>var arr4 = ['关羽', '刘备', '张飞', '赵云', '黄忠', '马超', '姜维']for (var i = 0; i < 7; i++) { console.log(arr4[i]);}
</script>

  // 使用 数组名.length 可以访问数组长度

<script>var arr4 = ['关羽', '刘备', '张飞', '赵云', '黄忠', '马超', '姜维']for (var i = 0; i < arr4.length; i++) {console.log(arr4[i]);}console.log(arr4.length);
</script>

  // 数组的长度是元素的个数，不要和索引混淆

  // arr.length 是动态监测数组元素的个数

 6 案例

        //  1 要求；求数组[2,6,1,7,4]里面所有元素的和以及平均值

<script>var sum = 0;var arr5 = [2, 6, 1, 7, 4]var average = 0;for (var i = 0; i < arr5.length; i++) { // 遍历数组，把每个元素加到sum里面sum += arr5[i]; // 我们加的数数组元素 arr【i】,并不是计数器 i}average = sum / arr5.length;console.log(sum, average); // 想要输出多个变量
</script>

 // 2 求数组[2,6,1,77,53,25,7]里面的最大值

<script>arr6 = [2, 6, 77, 53, 25, 7];var max = arr6[2]; // 默认一个最大值，和其他元素比较        for (var i = 0; i < arr6.length; i++) {if (arr6[i] > max) { // 进行比较条件max = arr6[i];// 应用 求最小值  arr6[i] < min}}console.log('该数组里面的最大值是:' + max + '');<script>

 7 数组转换为分割字符串

        // 案例 将数组 ['red','green','blue','pink']转换位字符串

        // 输出结果为 'red|green|blue|pink' 用其他符号进行分割

<script>var arr7 = ['red', 'green', 'blue', 'pink'];var str = '';// 或者声明 一个 var sep = '*';for (var i = 0; i < arr7.length; i++) {str += arr7[i] + '*'; // + sep 即可}console.log(str);
</script>

 8 数组中新增元素

        // 8.1 可以修改length长度来实现数组扩容

<script>var arr8 = ['red', 'pink', 'blue'];console.log(arr8.length);arr8.length = 5; // 把数组的长度修改为 5console.log(arr8.length);
</script>

      //8.2 可以通过索引来追加扩容

<script>var arr9 = ['red', 'pink', 'blue'];arr9[3] = 'green';console.log(arr9);arr9[0] = 'yellow'; // 如果索引被占用，会进行替换console.log(arr9);arr9 = '哎呦，不错呦！' // 不要直接给数组名赋值，否则数据全部丢失console.log(arr9);
</script>

    // 8.3 案例

        // 要求:新建一个数组，里面存放10个整数

<script>var arr = [];for (var i = 0; i < 10; i++) {arr[i] = i + 1; // 核心算法}console.log(arr);
</script>

9 筛选数组

        // 方法一

        // 要求： 将数组[2,0,6,1,77,0,52,0,25,7]中大于10的数组筛选出来

<script>
var arr1 = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];var arr2 = [];var j = 0;for (var i = 0; i < arr1.length; i++) { // 遍历数组1 ，找出大于10的数if (arr1[i] > 10) {// 新数组 索引号 应该从0开始依次递增arr2[j] = arr1[i];j++;}}console.log(arr2);// 方法二var arr1 = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];var arr2 = [];// 由于刚开始的时候，arr2 是空数组，arr2.length就是0for (var i = 0; i < arr1.length; i++) { // 遍历数组1 ，找出大于10的数if (arr1[i] > 10) {// 新数组 索引号 应该从0开始依次递增arr2[arr2.length] = arr1[i];// arr2 是空数组，arr2.length就是0}}console.log(arr2);
</script>

10  删除数组

// 1 将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 里面的0 删掉，形成一个新数组

<script>arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];newarr = [];for (var i = 0; i < arr.length; i++) { // 遍历原来的数组if (arr[i] != 0) {newarr[newarr.length] = arr[i];}}console.log(newarr);
</script>

11 翻转数组

// 将数组 [2, 0, 6, 1, 77, 0, 52, 0, 25, 7] 内容反过来

<script>arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];newarr = [];// 把旧数组索引号第四个取来（arr.length -1）给新数组 索引号第0个元素for (var i = arr.length - 1; i >= 0; i--) {newarr[newarr.length] = arr[i];}console.log(newarr);// 第二种函数方法arr = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];newarr = arr.reverse();console.log(newarr);
</script>

12 数组排序（冒泡排序）

// 交换两个变量的值

<script>var num1 = 10;var num2 = 20;var temp;temp = num1;num1 = num2;num2 = temp;console.log(num1, num2);
</script>

// 冒泡排序是一种算法，把一系列数据按照一定顺序进行排列

​<script>var arr = [5, 4, 3, 2, 1];for (var i = 0; i <= arr.length - 1; i++) { // 外层循环 管趟数，走4趟for (var j = 0; j <= arr.length - i - 1; j++) {// 里层循环管每趟的交换次数// 内部交换两个变量的值,前面一个和后面一个相比较if (arr[j] > arr[j + 1]) {var temp = arr[j];arr[j] = arr[j + 1];arr[j + 1] = temp;}}}console.log(arr);
</script>[点击并拖拽以移动]
​