JavaScript之数组

学习目标：

目录

学习目标： 了解数组的含义、熟练的使用数组的一些方法、可以独立完成数组增删改查

学习内容：1、什么是数组

                  2、数组的创建

                  3、数组的长度

                  4、数组元素的添加

                  5、数组元素的删除

                  6、数组元素的索引("查")

                  7、数组元素的排序

学习时间：2021-9-26

学习产出：JS-数组

---

学习内容：

【1】什么是数组

使用一个变量名来储存一系列的值

 【2】数组的创建

1、使用Array构造函数

        var arr1 = new Array();

        注：括号里面参数可以有参数，如果只有一个参数，表示该数组有长度，如果有多个数字或者一个表示的是传递数组中应该包含的值

2、使用数组字面量

        var arr2 = [];

 【3】 数组的长度

var arr = [1, 2, 3, "a", 5, "哈哈", 7, 8, [9, 10]];
    console.log(arr.length);// 输出 9

语法：数组.length；   

注：数组长度是从1开始，数组里面可以任意数据类型，若里面嵌套数组，当做一个整体

 【4】 数组元素的添加

方法：push()、unshift()

1、push() 在我们数组的末尾，添加一个或者多个数组元素，类似“推”的意思

        (1) push()  是可以给数组追加新元素

        (2) push() 参数直接写数组元素就可以

        (3) push() 完毕之后 返回的结果是新数组的长度

        (4) 原数组也会发生变化

var arr = [1, 2, 3];
    var arrPush = arr.push(4, 'kit');
    console.log(arr); // [1, 2, 3, 4, "kit"]
    console.log(arrPush); // 返回新长度 5

   2、unshift() 在我们数组的前面 添加一个或多个数组元素 

      (1) unshift 是可以给数组追加新元素

      (2) unshift() 参数直接写 数组元素就可以了

      (3) unshift 完毕之后 返回的结果是 新数组的长度

      (4) 原数组也会发生变化

  var arr2 = [3, 4, 2];
    console.log(arr2.unshift("小米", 20, '小红', '小猴', 21, 18, 20));
    console.log(arr2);//10

 

【5】  数组元素的删除

方法：pop()、shift()

1、pop()  可以删除数组的最后一个元素 一次只能删除一个元素

    (1) pop() 没有参数

    (2) pop 完毕之后 返回的结果是 删除的那个元素

    (3) 原数组也会发生变化

  var arr = [1, 2, 3, "a", 5, "哈哈", 7, 8, [9, 10]];
    console.log(arr.pop()); // 返回删除的元素  [9, 10]
    console.log(arr); // [1, 2, 3, "a", 5, "哈哈", 7, 8]

   

2、shift() 可以删除数组的第一个元素 一次只能删除一个元素

     (1) shift() 没有参数

     (2) shift 完毕之后 返回的结果是 删除的那个元素

     (3) 原数组也会发生变化

    var arr = [1, 2, 3, "a", 5, "哈哈", 7, 8, [9, 10]];
    console.log(arr.shift()); // 返回删除的元素 1
    console.log(arr); // (8) [2, 3, "a", 5, "哈哈", 7, 8, Array(2)]

【6】 数组元素的索引("查")

方法：indexOf()、lastIndexOf()

1、indexOf() 数组查找给定元素的第一个索引【从前往后】

    (1) 它只返回第一个满足条件的索引号

    (2) 如果该数组里面找不到元素，则会返回-1

  var suo = [1, 12, 2, 54, 34, 'maomao', 12, 65, 13, 65, 3, 1];
    console.log(suo.indexOf(12)); // 1
    console.log(suo.indexOf('maomao')); // 5
    console.log(suo.indexOf('9999'));  // 未找到 -1

 2、

【7】 数组元素的排序

方法：sort()、reverse()

(1) sort() 方法可以接收一个比较函数作为参数，以便我们指定哪个值位于哪个值的前面。比较函数接收两个参数，如果第一个参数应该位于第二个之前则返回一个负数，如果两个参数相等则返回 0，如果第一个参数应该位于第二个之后则返回一个正数。以下就是一个简单的比较函数：

 var arr1 = [12, 34, 1, 34, 4, 2, 56];
    arr1.sort(function (a, b) {
      // return a - b;  升序
      return b - a; //降序
    })
    console.log(arr1);

 (2) reverse() 方法 反转数组项的顺序

 // 1、数组翻转
    var arr = ['pink', '132', '毛毛']
    arr.reverse();
    console.log(arr);

       

 

---

学习时间：
1、 周一至周五晚上 7 点—晚上9点
2、 周六上午 9 点-上午 11 点
3、 周日下午 3 点-下午 6 点

---

学习产出：
1、 技术笔记 2 遍
2、CSDN 技术博客 2篇