JavaScript中数组的知识点。


1 数组

1.1 数组的概念

1.2 数组的创建方式

1.2.1 利用new创建数组

1.2.2 利用数组字面量创建数组

1.2.3 数组元素的类型

1.3 获取数组元素

1.3.1 数组的索引

1.3.2 遍历数组以及数组的长度

//遍历数组
    var arr1 = [
      "星期一",
      "星期二",
      "星期三",
      "星期四",
      "星期五",
      "星期六",
      "星期日",
    ];
    for (var i = 0; i <= arr1.length - 1; i++) {
      console.log(arr1[i]);
    }
    console.log(arr1.length); //数组长度
    console.log(arr1[6]);

1.4 案例

1.4.1 计算数组的和以及平均值

// 求数组[1,3,7856,35,233]中的和以及平均值
    var arr = [1, 3, 7856, 35, 233];
    var sum_num = 0;
    var avg_num = 0;
    for (var i = 0; i < arr.length; i++) {
      sum_num += arr[i];
    }
    avg_num = sum_num / arr.length;
    console.log("和:", sum_num);
    console.log("平均值:", avg_num);

1.4.2 求数组中的最大值

// 求数组[1,3,7856,35,233]中的最大值
    var arr2 = [1, 3, 7856, 35, 233];
    var max_Number = arr2[0];
    for (var i = 1; i < arr2.length; i++) {
      if (max_Number < arr2[i]) {
        max_Number = arr2[i];
      }
    }
    console.log("最大值:", max_Number);

1.4.3 数组转换为字符串

// 数组[abc,in,zxc]转换为字符串
    var arr3 = ["abc", "in", "zxc"];
    var string_Nu = "";
    var sepa = "!";
    for (var i = 0; i < arr3.length; i++) {
      string_Nu += arr3[i] + sepa;
    }
    console.log("字符串:", string_Nu);

1.4.4 数组新增元素

// 数组[1,3,4,34,53]新增元素
    var arr4 = [1, 3, 4, 34, 53];
    // 修改数组的长度
    arr4.length = 6;
    console.log(arr4);
    // 替换元素的值
    arr4[2] = 232;
    console.log(arr4);
    // 新增数组的值
    arr4[5] = 32;
    arr4[6] = 242;
    console.log(arr4);

1.4.5 数组存放1-10个数字

// 数组存放1-10个值
    var arr5 = [];
    for (var i = 0; i < 10; i++) {
      arr5[arr5.length] = i + 1;
    }
    console.log("arr5", arr5);

1.4.6 筛选数组方法

// 筛选数组[1,1,324,435,2,13,421,31,1,323]方法 1:
    var arr6 = [1, 1, 324, 435, 2, 13, 421, 31, 1, 323];
    var new_arr6 = [];
    for (var i = 0; i < arr6.length; i++) {
      if (arr6[i] != 1) {
        new_arr6[new_arr6.length] = arr6[i];
      }
    }
    console.log("去掉1之后的数组:", new_arr6);
    // 筛选数组[1,1,324,435,2,13,421,31,1,323]方法 2:
    var arr7 = [1, 1, 324, 435, 2, 13, 421, 31, 1, 323];
    var new_arr7 = [];
    var j = 0;
    for (var i = 0; i < arr7.length; i++) {
      if (arr7[i] != 1) {
        new_arr7[j] = arr7[i];
        j++;
      }
    }
    console.log("去掉1之后的数组:", new_arr7);

1.4.7 翻转数组

// 翻转数组[acv,ewerw,ew,eww,erww]
    var arr8 = ["acv", "ewerw", "ew", "eww", "erww"];
    var new_arr8 = [];
    for (var i = arr8.length - 1; i >= 0; i--) {
      new_arr8[new_arr8.length] = arr8[i];
    }
    console.log("翻转的数组:", new_arr8);

2. 冒泡排序

2.1 冒泡排序原理

2.2 案例

// 将数组[1,3,4,2,5]进行冒泡排序
    var arr9 = [1, 3, 4, 2, 5];
    for (var i = 0; i <= arr9.length - 1; i++) {
      // 外循环遍历趟数
      for (var j = 0; j <= arr9.length - i - 1; j++) {
        // 内循环 交换次数
        if (arr9[j] > arr9[j + 1]) {
          var temp = arr9[j];
          arr9[j] = arr9[j + 1];
          arr9[j + 1] = temp;
        }
      }
    }
    console.log("从小到大:", arr9);
经验分享 程序员 微信小程序 职场和发展