【从蛋壳到满天飞】JS 数据结构解析和算法实现-Arrays(数组)

于 2019-03-20 13:24:52 发布
阅读量137 收藏
点赞数
文章标签： java 数据结构与算法
原文链接：https://juejin.im/post/5c923e936fb9a070b96f06ff
版权

前言

【从蛋壳到满天飞】JS 数据结构解析和算法实现，全部文章大概的内容如下： Arrays(数组)、Stacks(栈)、Queues(队列)、LinkedList(链表)、Recursion(递归思想)、BinarySearchTree(二分搜索树)、Set(集合)、Map(映射)、Heap(堆)、PriorityQueue(优先队列)、SegmentTree(线段树)、Trie(字典树)、UnionFind(并查集)、AVLTree(AVL 平衡树)、RedBlackTree(红黑平衡树)、HashTable(哈希表)

源代码有三个：ES6（单个单个的 class 类型的 js 文件） | JS + HTML（一个 js 配合一个 html）| JAVA (一个一个的工程)

全部源代码已上传 github，点击我吧，光看文章能够掌握两成，动手敲代码、动脑思考、画图才可以掌握八成。

本文章适合 对数据结构想了解并且感兴趣的人群，文章风格一如既往如此，就觉得手机上看起来比较方便，这样显得比较有条理，整理这些笔记加源码，时间跨度也算将近半年时间了，希望对想学习数据结构的人或者正在学习数据结构的人群有帮助。

JS 中的数组

数组基础

  1. 把数据码成一排进行存放

    1. 强语言中数据的类型是确认的，
    2. 弱语言中数据的类型是不确认的，
    3. 但是也有方法可以进行确认。
    4. 数组就是把一个一个的数据近挨着排成一排。
    5. 可以给一个数组起一个名字，起名字要有语义化。
    6. 数组中有一个很重要的概念叫做索引，
    7. 也就是数组元素的编号，编号从 0 开始的，
    8. 所以最后一个元素的索引为数组的长度-1 即 n-1，
    9. 可以通过数组名[索引]来访问数组中的元素。

  2. js 中的数组是有局限性的。

    'use strict';

// 输出
console.log('Array');

// 定义数组
let arr = new Array(10);

for (var i = 0; i < arr.length; i++) {
   arr[i] = i;
}

// 定义数组
let scores = new Array(100, 99, 98);

// 遍历输出
for (var i = 0; i < scores.length; i++) {
   console.log(scores[i]);
}

// 修改数组中某个元素
scores[1] = 60;

// foreach 遍历数组
for (let index in scores) {
   console.log(scores[index]);
}
复制代码

二次封装数组

  1. 数组的索引可以有语意也可以没有语意。
    1. 如 scores[2] 代表一个班级中第三个学生。
  2. 数组的最大优点
    1. 快速查询，如 scores[2]
  3. 数组最好应用于“索引有语意”的情况。
    1. 如果索引没有语意的话，
    2. 那么使用别的数据结构那会是一个更好的选择。
  4. 计算机处理的问题有千千万万个
    1. 有很多场景即使能给索引定义出来语意，
    2. 但是它有可能不适用于数组。
    3. 比如身份证号可以设计为一个数组，
    4. 用来存储相应的工资情况，
    5. 如果想索引到不同的人，
    6. 那么使用身份证号就是一个很好的方式，
    7. 但是身份证号不能作为一个数组的索引，
    8. 因为这个身份证号太大了，
    9. 如果想要使用身份证号作为一个数组的索引，
    10. 那么开辟的空间会非常的大，
    11. 例如arr[110103198512112312]，
    12. 对于一般的计算机来说开辟这样的一块儿空间，
    13. 是非常不值当的，甚至是不可能的，
    14. 而且大部分空间都是浪费的，
    15. 比如你就想考察 100 个人的工资情况，
    16. 你却开辟了 1000 兆倍的空间。
  5. 数组也可以处理“索引没有语意”的情况。
    1. 在索引有语意的情况下使用数组非常简单，
    2. 直接就可以查到相应的数据。
    3. 在索引没有语义的情况下使用数组，
    4. 那么就会产生很多新的问题。
    5. 因为这个时候数组只是一个待存
    6. 放那些要考察的数据的空间，
    7. 例如你开辟了 8 个元素的空间，
    8. 但是你只考察 2 个元素，
    9. 此时就有问题了，剩下的空间都没有元素，
    10. 可能访问剩下的空间就是非法的，
    11. 因为从用户的角度上来看是没有那么多元素的，
    12. 只有两个元素。

将数组封装成自己的数组

  1. 将原本 js 中的数组封装到一个类中，

    1. 从而封装一个属于自己的数组，这个类就叫做 MyArray，
    2. 在这个类中封装一个 js 的数组，这个数组叫做 data，
    3. 对这个数组进行增删改插等等的功能。

  2. 数据结构的本质也是存储数据，

    1. 之后再进行高效的对这些数据进行操作，
    2. 只不过你设计的数据结构会把这些数据存储在内存中，
    3. 所以针对这些数据结构的所添加的操作在大的类别的划分上，
    4. 也是增删改查。

  3. 针对不同的数据结构，

    1. 对应的增删改查的方式是截然不同的，
    2. 甚至某些数据结构会忽略掉增删改查中的某一个操作，
    3. 但是增删改查可以作为研究某一个数据结构的相应的脉络，

  4. 数组本身是静态的，必须在创建的时候指定他的大小，

    1. 可以把这个容量叫做 capacity，
    2. 也就是数组空间最多可以装多少个元素，
    3. 数组空间最多可以装多少个元素与
    4. 数组中实际装多少个元素是没有关系的，
    5. 因为这是两回事儿，
    6. 数组中实际能够装多少个元素可以叫做 size，
    7. 通过它来控制，在初始化的时候，
    8. 数组中一个元素都没有，所以 size 为 0，
    9. 这个 size 相当于数组中第一个没有盛放元素的相应索引，
    10. 增加数组元素和删除数组元素的时候就要维护这个 size。

  5. 代码示例(class: MyArray)

    class MyArray {
   // 构造函数，传入数组的容量capacity构造Array 默认数组的容量capacity=10
   constructor(capacity = 10) {
      this.data = new Array(10);
      this.size = 0;
   }

   // 获取数组中的元素实际个数
   getSize() {
      return this.size;
   }

   // 获取数组的容量
   getCapacity() {
      return this.data.length;
   }

   // 判断数组是否为空
   isEmpty() {
      return this.size === 0;
   }
}
复制代码

对自己的数组进行添加操作

  1. 向数组添加元素最简单的形式
    1. 就是在数组的末尾添加一个元素，
    2. size 这个变量其实就是指向数组中的末尾，
    3. 添加完元素之后其实也需要维护这个 size，
    4. 因为数组中的元素多了一个，所以要让它加加。
  2. 如果是给元素进行插入的操作
    1. 那么要先判数组的容量是否已经装满了，
    2. 然后再判断索引是否小于 0 或者大于 size，
    3. 都没有问题了，就可以根据索引来进行插入了，
    4. 插入的原理就是那个索引位置及其后的元素，
    5. 全都都往后移动一位，所以循环是从后往前的，
    6. 最后让该索引处的旧元素被新元素覆盖，
    7. 但旧元素并没消失，而是位置往后移动了一位，
    8. 最后要记得维护 size。
  3. 向数组中添加元素可以复用向数组中插入元素的方法，
    1. 因为插入元素的方法也是在给数组添加元素，
    2. 并且插入元素的方法可以在任何位置插入新元素，
    3. 那么就可以扩展两个方法，
    4. 一个插入到数组最前面（插入到索引为 0 的位置），
    5. 一个是插入到数组最后面
    6. （插入到索引为 数组最后一个元素的索引+1 的位置）。
  4. 给数组添加元素的时候如果元素为数字（添加时可排序可不排序）
    1. 那么每一次添加操作时可以给数组中的元素进行排序，
    2. 排序方式是按照从小到大来进行排序。
    3. 先判断添加的这个元素大于数组中哪一个元素，
    4. 然后将那个元素及其后面的所有元素往后移一位，
    5. 最后将添加的这个元素插入到那个元素后面。
    6. 先要对数组中的容量进行判断，
    7. 如果超过了就不添加，并且报错，
    8. 每次添加之前要判断一下插入的位置，
    9. 它后面还有没有元素或者这个数组是否为空。
    10. 记住每次添加操作都要维护 size 这个变量。

代码示例(class: MyArray)

class MyArray {
   // 构造函数，传入数组的容量capacity构造Array 默认数组的容量capacity=10
   constructor(capacity = 10) {
      this.data = new Array(10);
      this.size = 0;
   }

   // 获取数组中的元素实际个数
   getSize() {
      return this.size;
   }

   // 获取数组的容量
   getCapacity() {
      return this.data.length;
   }

   // 判断数组是否为空
   isEmpty() {
      return this.size === 0;
   }

   // 在指定索引处插入元素
   insert(index, element) {
      // 先判断数组是否已满
      if (this.size == this.getCapacity()) {
         throw new Error('add error. Array is full.');
      }

      // 然后判断索引是否符合要求
      if (index < 0 || index > size) {
         throw new Error('insert error. require  index < 0 or index > size');
      }

      // 最后 将指定索引处腾出来
      // 从指定索引处开始，所有数组元素全部往后移动一位
      // 从后往前移动
      for (let i = size - 1; i >= index; i--) {
         this.data[i + 1] = this.data[i];
      }

      // 在指定索引处插入元素
      this.data[index] = element;
      // 维护一下size
      size++;
   }

   // 扩展 在数组最前面插入一个元素
   unshift(element) {
      insert(0, element);
   }

   // 扩展 在数组最后面插入一个元素
   push(element) {
      insert(size, element);
   }

   // 其实在数组中添加元素 就相当于在数组最后面插入一个元素
   add(element) {
      if (this.size == getCapacity()) {
         throw new Error('add error. Array is full.');
      }

      // size其实指向的是 当前数组最后一个元素的 后一个位置的索引。
      this.data[size] = element;
      // 维护size
      size++;
   }
}
复制代码

对自己的数组进行查询和修改操作

  1. 如果你要覆盖父类中的方法，记得要加备注
    1. 如 // @Override: 方法名 日期-开发人员
  2. 获取自定义数组中指定索引位置的元素
    1. 首先要判断索引是否小于 0 或者
    2. 大于等于 实际元素的个数，都没有问题时，
    3. 就可以返回索引位置的元素了。
    4. 用户没有办法去访问那些没有使用的数组空间。
  3. 修改自动数组中指定索引位置的元素
    1. 和获取是一样的，要先判断，
    2. 只能设置已有存在的元素索引位置的元素，
    3. 用户没有办法去修改那些没有使用的数组空间。
代码示例(class: MyArray, class: Main)

  1. MyArray

    class MyArray {
   // 构造函数，传入数组的容量capacity构造Array 默认数组的容量capacity=10
   constructor(capacity = 10) {
      this.data = new Array(capacity);
      this.size = 0;
   }

   // 获取数组中的元素实际个数
   getSize() {
      return this.size;
   }

   // 获取数组的容量
   getCapacity() {
      return this.data.length;
   }

   // 判断数组是否为空
   isEmpty() {
      return this.size === 0;
   }

   // 在指定索引处插入元素
   insert(index, element) {
      // 先判断数组是否已满
      if (this.size == this.getCapacity()) {
         throw new Error('add error. Array is full.');
      }

      // 然后判断索引是否符合要求
      if (index < 0 || index > this.size) {
         throw new Error('insert error. require  index < 0 or index > size');
      }

      // 最后 将指定索引处腾出来
      // 从指定索引处开始，所有数组元素全部往后移动一位
      // 从后往前移动
      for (let i = this.size - 1; i >= index; i--) {
         this.data[i + 1] = this.data[i];
      }

      // 在指定索引处插入元素
      this.data[index] = element;
      // 维护一下size
      this.size++;
   }

   // 扩展 在数组最前面插入一个元素
   unshift(element) {
      this.insert(0, element);
   }

   // 扩展 在数组最后面插入一个元素
   push(element) {
      this.insert(this.size, element);
   }

   // 其实在数组中添加元素 就相当于在数组最后面插入一个元素
   add(element) {
      if (this.size == this.getCapacity()) {
         throw new Error('add error. Array is full.');
      }

      // size其实指向的是 当前数组最后一个元素的 后一个位置的索引。
      this.data[this.size] = element;
      // 维护size
      this.size++;
   }

   // get
   get(index) {
      // 不能访问没有存放元素的位置
      if (index < 0 || index >= this.size) {
         throw new Error('get error. index < 0 or index >= size');
      }
      return this.data[index];
   }

   // set
   set(index, newElement) {
      // 不能修改没有存放元素的位置
      if (index < 0 || index >= this.size) {
         throw new Error('set error. index < 0 or index >= size');
      }
      this.data[index] = newElement;
   }

   // @Override toString 2018-10-17-jwl
   toString() {
      let arrInfo = `Array: size = ${this.getSize()}，capacity = ${this.getCapacity()}，\n`;
      arrInfo += `data = [`;
      for (var i = 0; i < this.size - 1; i++) {
         arrInfo += `${this.data[i]}, `;
      }
      arrInfo += `${this.data[this.size - 1]}`;
      arrInfo += `]`;

      // 在页面上展示
      document.body.innerHTML += `${arrInfo}<br /><br /> `;

      return arrInfo;
   }
}
复制代码

  2. Main

    class Main {
   constructor() {
      let ma = new MyArray(20);
      for (let i = 1; i <= 10; i++) {
         ma.add(i);
      }

      console.log(ma.toString());

      ma.insert(1, 200);
      console.log(ma.toString());

      ma.unshift(-1);
      console.log(ma.toString());

      ma.push(9999);
      console.log(ma.toString());

      ma.set(5, 8888);
      console.log(ma.get(5));
      this.show(ma.get(5));
   }

   // 将内容显示在页面上
   show(content) {
      document.body.innerHTML += `${content}<br /><br />`;
   }
}

window.onload = function() {
   // 执行主函数
   new Main();
};
复制代码

对自己的数组进行包含、查找、和删除操作

  1. 继续对自定义的数组增加新功能
    1. 包含、搜索、删除这三个功能。
  2. 包含：
    1. 判断数组中 是否存在这个元素，
    2. 不存在返回 false。
  3. 搜索：
    1. 根据这个元素来进行 索引的获取，
    2. 找不到返回 非法索引 -1。
  4. 删除：
    1. 首先要判断索引的合法性，
    2. 其次这个操作与插入的操作其实原理类似，
    3. 只不过是一个反向的过程，
    4. 指定索引位置的元素其后面的元素的位置
    5. 全部往前一位，循环时 初始索引为 指定的这个索引，
    6. 从前往后的不断向前移动，这样被删除的元素就被覆盖了，
    7. 覆盖之前要保存一下指定索引的元素的值，
    8. 这个值要作为返回值来进行返回，
    9. 然后让 size 减减，因为覆盖掉这个元素，
  5. 由于数组访问会有索引合法性的判断
    1. 一定要小于 size，于是用户是访问不到 size 位置的元素了，
    2. 所以 size 位置的元素可以不用去处理它，
    3. 但你也可以手动的将这个元素值设置为默认值。
  6. 有了指定索引删除某个元素并返回被删除的这个元素的操作
    1. 那么就可以扩展出两个方法，
    2. 和使用插入方法来进行扩展的那两个方法类似，
    3. 分别是 删除第一个元素和删除最后一个元素，
    4. 并且返回被删除的元素，
    5. 删除数组元素时会判断数组索引的合法性，
    6. 如果数组为空，那么合法性验证就无法通过。
  7. 根据元素来删除数组中的某个元素
    1. 首先通过 包含 的那个方法来判断这个元素是否存在，
    2. 如果元素不存在那就不进行删除操作，也可以报一个异常，
    3. 如果元素存在，那就根据 搜索 的那个方法来获取这个元素的索引，
    4. 最后根据 获取到合法索引 来进行元素的删除。
    5. 其实你可以使用通过 搜索 的那个方法直接返回元素的索引，
    6. 如果索引合法你就直接删除，
    7. 如果索引不合法那就不删除然后也可以报一个异常。
  8. 可以对那些方法进行扩展
    1. 如 删除数组中所有的指定元素
    2. 如 找到数组中所有的指定元素的索引
  9. 关于自定义的数组已经实现了很多功能，
    1. 但是这个自定义数组还有很多的局限性，
    2. 在后面会慢慢解决这些局限性，
    3. 如 这个数组能存放的数据类型不能是任意的数据类型，
    4. 如果 这个数组的容量是一开始就固定好的，超出就报异常。
代码示例(class: MyArray, class: Main)

  1. MyArray

    class MyArray {
   // 构造函数，传入数组的容量capacity构造Array 默认数组的容量capacity=10
   constructor(capacity = 10) {
      this.data = new Array(capacity);
      this.size = 0;
   }

   // 获取数组中的元素实际个数
   getSize() {
      return this.size;
   }

   // 获取数组的容量
   getCapacity() {
      return this.data.length;
   }

   // 判断数组是否为空
   isEmpty() {
      return this.size === 0;
   }

   // 在指定索引处插入元素
   insert(index, element) {
      // 先判断数组是否已满
      if (this.size == this.getCapacity()) {
         throw new Error('add error. Array is full.');
      }

      // 然后判断索引是否符合要求
      if (index < 0 || index > this.size) {
         throw new Error(
            'insert error. require  index < 0 or index > size.'
         );
      }

      // 最后 将指定索引处腾出来
      // 从指定索引处开始，所有数组元素全部往后移动一位
      // 从后往前移动
      for (let i = this.size - 1; i >= index; i--) {
         this.data[i + 1] = this.data[i];
      }

      // 在指定索引处插入元素
      this.data[index] = element;
      // 维护一下size
      this.size++;
   }

   // 扩展 在数组最前面插入一个元素
   unshift(element) {
      this.insert(0, element);
   }

   // 扩展 在数组最后面插入一个元素
   push(element) {
      this.insert(this.size, element);
   }

   // 其实在数组中添加元素 就相当于在数组最后面插入一个元素
   add(element) {
      if (this.size == this.getCapacity()) {
         throw new Error('add error. Array is full.');
      }

      // size其实指向的是 当前数组最后一个元素的 后一个位置的索引。
      this.data[this.size] = element;
      // 维护size
      this.size++;
   }

   // get
   get(index) {
      // 不能访问没有存放元素的位置
      if (index < 0 || index >= this.size) {
         throw new Error('get error. index < 0 or index >= size.');
      }
      return this.data[index];
   }

   // set
   set(index, newElement) {
      // 不能修改没有存放元素的位置
      if (index < 0 || index >= this.size) {
         throw new Error('set error. index < 0 or index >= size.');
      }
      this.data[index] = newElement;
   }

   // contain
   contain(element) {
      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            return true;
         }
      }
      return false;
   }

   // find
   find(element) {
      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            return i;
         }
      }
      return -1;
   }

   // findAll
   findAll(element) {
      // 创建一个自定义数组来存取这些 元素的索引
      let myarray = new MyArray(this.size);

      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            myarray.push(i);
         }
      }

      // 返回这个自定义数组
      return myarray;
   }

   // 删除指定索引处的元素
   remove(index) {
      // 索引合法性验证
      if (index < 0 || index >= this.size) {
         throw new Error('remove error. index < 0 or index >= size.');
      }

      // 暂存即将要被删除的元素
      let element = this.data[index];

      // 后面的元素覆盖前面的元素
      for (let i = index; i < this.size - 1; i++) {
         this.data[i] = this.data[i + 1];
      }
      this.data[this.size - 1] = undefined;
      this.size--;

      return element;
   }

   // 扩展：删除数组中第一个元素
   shift() {
      return this.remove(0);
   }

   // 扩展： 删除数组中最后一个元素
   pop() {
      return this.remove(this.size - 1);
   }

   // 扩展： 根据元素来进行删除
   removeElement(element) {
      let index = this.find(element);
      if (index !== -1) {
         this.remove(index);
      }
   }

   // 扩展： 根据元素来删除所有元素
   removeAllElement(element) {
      let index = this.find(element);
      while (index != -1) {
         this.remove(index);
         index = this.find(element);
      }

      // let indexArray = this.findAll(element);
      // let cur, index = 0;
      // for (var i = 0; i < indexArray.getSize(); i++) {
      //   // 每删除一个元素 原数组中就少一个元素，
      //   // 索引数组中的索引值是按照大小顺序排列的，
      //   // 所以 这个cur记录的是 原数组元素索引的偏移量
      //   // 只有这样才能够正确的删除元素。
      //   index = indexArray.get(i) - cur++;
      //   this.remove(index);
      // }
   }

   // @Override toString 2018-10-17-jwl
   toString() {
      let arrInfo = `Array: size = ${this.getSize()}，capacity = ${this.getCapacity()}，\n`;
      arrInfo += `data = [`;
      for (var i = 0; i < this.size - 1; i++) {
         arrInfo += `${this.data[i]}, `;
      }
      arrInfo += `${this.data[this.size - 1]}`;
      arrInfo += `]`;

      // 在页面上展示
      document.body.innerHTML += `${arrInfo}<br /><br /> `;

      return arrInfo;
   }
}
复制代码

  2. Main

    class Main {
   constructor() {
      let ma = new MyArray(20);
      for (let i = 1; i <= 10; i++) {
         ma.add(i);
      }

      /*
       * Array: size = 10，capacity = 20
       * [1,2,3,4,5,6,7,8,9,10]
       */
      console.log(ma.toString());

      /*
       * Array: size = 11，capacity = 20
       * [1,200,2,3,4,5,6,7,8,9,10]
       */
      ma.insert(1, 200);
      console.log(ma.toString());

      /*
       * Array: size = 12，capacity = 20
       * [-1,1,200,2,3,4,5,6,7,8,9,10]
       */
      ma.unshift(-1);
      console.log(ma.toString());

      /*
       * Array: size = 13，capacity = 20
       * [-1,1,200,2,3,4,5,6,7,8,9,10,9999]
       */
      ma.push(9999);
      console.log(ma.toString());

      /*
       * 8888
       */
      ma.set(5, 8888);
      console.log(ma.get(5));
      this.show(ma.get(5));

      /*
       * Array: size = 13，capacity = 20
       * [-1,1,200,2,3,8888,5,6,7,8,9,10,9999]
       * true
       * 6
       */
      console.log(ma.toString());
      this.show(ma.contain(5));
      this.show(ma.find(5));

      /*
       * Array: size = 12，capacity = 20
       * [-1,1,200,2,3,8888,6,7,8,9,10,9999]
       */
      ma.remove(ma.find(5));
      console.log(ma.toString());

      /*
       * -1
       * 9999
       * Array: size = 10，capacity = 20
       * [1,200,2,3,8888,6,7,8,9,10]
       */

      this.show(ma.shift());
      this.show(ma.pop());
      console.log(ma.toString());

      /*
       * Array: size = 9，capacity = 20
       * [1,200,2,3,6,7,8,9,10]
       */
      ma.removeElement(8888);
      console.log(ma.toString());

      /*
       * Array: size = 3，capacity = 20
       * [9,10,11]
       * Array: size = 12，capacity = 20
       * [1,200,2,3,6,7,8,9,10,123456,123456,123456]
       */
      ma.add(123456);
      ma.add(123456);
      ma.add(123456);
      this.show(ma.findAll(123456));
      console.log(ma.toString());

      /*
       * Array: size = 9，capacity = 20
       * [1,200,2,3,6,7,8,9,10]
       */
      ma.removeAllElement(123456);
      console.log(ma.toString());
   }

   // 将内容显示在页面上
   show(content) {
      document.body.innerHTML += `${content}<br /><br />`;
   }
}

window.onload = function() {
   // 执行主函数
   new Main();
};
复制代码

让自己的数组成为动态数组

  1. 自定义数组的局限性还有容量为固定的大小，
    1. 因为内部还是使用的 js 的静态数组，
    2. 静态数组的容量从定义开始就是固定的，
    3. 如果一开始就把容量开的太大了，
    4. 那么就会浪费很多的空间，
    5. 如果容量开的太小了，
    6. 那就可能存放的空间不够用。
  2. 使用一种解决方案，让自定义数据的容量可伸缩
    1. 让自定义数组变成一个动态的数组，
    2. 当自定义数组中的空间已经满了，
    3. 那就创建一个新的数组，
    4. 这个数组的容量定义为原来的容量的两倍，
    5. 然后将旧数组中的元素全部放到新数组中，
    6. 以循环的方式放入新数组中。
  3. 让新数组替代掉旧数组，
    1. 当size == capcity时创建新数组，容量翻倍，
    2. 当size == capcity / 2时创建新数组，容量缩小一倍，
    3. 最终都会让新数组替代掉旧数组。
    4. 使用这种方式会让整体性能上很有优势。
    5. 在 js 的动态数组中选择是扩容倍数是 1.5，
    6. 然后无论是 1.5 还是 2 或者 3 都是可以的，
    7. 只不过是一个参数的选择，
    8. 你可以根据使用场景来进行扩容。
  4. 自定义数组的这些操作及性能需要分析。
    1. 也就是要进行一个时间复杂度的分析。
代码示例(class: MyArray, class: Main)

  1. Myarray

    class MyArray {
   // 构造函数，传入数组的容量capacity构造Array 默认数组的容量capacity=10
   constructor(capacity = 10) {
      this.data = new Array(capacity);
      this.size = 0;
   }

   // 获取数组中的元素实际个数
   getSize() {
      return this.size;
   }

   // 获取数组的容量
   getCapacity() {
      return this.data.length;
   }

   // 判断数组是否为空
   isEmpty() {
      return this.size === 0;
   }

   // 给数组扩容
   resize(capacity) {
      let newArray = new Array(capacity);
      for (var i = 0; i < this.size; i++) {
         newArray[i] = this.data[i];
      }

      // let index = this.size - 1;
      // while (index > -1) {
      //   newArray[index] = this.data[index];
      //   index --;
      // }

      this.data = newArray;
   }

   // 在指定索引处插入元素
   insert(index, element) {
      // 先判断数组是否已满
      if (this.size == this.getCapacity()) {
         // throw new Error("add error. Array is full.");
         this.resize(this.size * 2);
      }

      // 然后判断索引是否符合要求
      if (index < 0 || index > this.size) {
         throw new Error(
            'insert error. require  index < 0 or index > size.'
         );
      }

      // 最后 将指定索引处腾出来
      // 从指定索引处开始，所有数组元素全部往后移动一位
      // 从后往前移动
      for (let i = this.size - 1; i >= index; i--) {
         this.data[i + 1] = this.data[i];
      }

      // 在指定索引处插入元素
      this.data[index] = element;
      // 维护一下size
      this.size++;
   }

   // 扩展 在数组最前面插入一个元素
   unshift(element) {
      this.insert(0, element);
   }

   // 扩展 在数组最后面插入一个元素
   push(element) {
      this.insert(this.size, element);
   }

   // 其实在数组中添加元素 就相当于在数组最后面插入一个元素
   add(element) {
      if (this.size == this.getCapacity()) {
         // throw new Error("add error. Array is full.");
         this.resize(this.size * 2);
      }

      // size其实指向的是 当前数组最后一个元素的 后一个位置的索引。
      this.data[this.size] = element;
      // 维护size
      this.size++;
   }

   // get
   get(index) {
      // 不能访问没有存放元素的位置
      if (index < 0 || index >= this.size) {
         throw new Error('get error. index < 0 or index >= size.');
      }
      return this.data[index];
   }

   // set
   set(index, newElement) {
      // 不能修改没有存放元素的位置
      if (index < 0 || index >= this.size) {
         throw new Error('set error. index < 0 or index >= size.');
      }
      this.data[index] = newElement;
   }

   // contain
   contain(element) {
      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            return true;
         }
      }
      return false;
   }

   // find
   find(element) {
      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            return i;
         }
      }
      return -1;
   }

   // findAll
   findAll(element) {
      // 创建一个自定义数组来存取这些 元素的索引
      let myarray = new MyArray(this.size);

      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            myarray.push(i);
         }
      }

      // 返回这个自定义数组
      return myarray;
   }

   // 删除指定索引处的元素
   remove(index) {
      // 索引合法性验证
      if (index < 0 || index >= this.size) {
         throw new Error('remove error. index < 0 or index >= size.');
      }

      // 暂存即将要被删除的元素
      let element = this.data[index];

      // 后面的元素覆盖前面的元素
      for (let i = index; i < this.size - 1; i++) {
         this.data[i] = this.data[i + 1];
      }

      this.size--;
      this.data[this.size] = null;

      // 如果size 为容量的一半时 就可以缩容了
      // 防止 size 为 0 时 data.length 为1  那么缩容时也为 0
      if (
         Math.floor(this.getCapacity() / 2) === this.size &&
         Math.floor(this.getCapacity() / 2) !== 0
      ) {
         // 缩容一半
         this.resize(Math.floor(this.getCapacity() / 2));
      }

      return element;
   }

   // 扩展：删除数组中第一个元素
   shift() {
      return this.remove(0);
   }

   // 扩展： 删除数组中最后一个元素
   pop() {
      return this.remove(this.size - 1);
   }

   // 扩展： 根据元素来进行删除
   removeElement(element) {
      let index = this.find(element);
      if (index !== -1) {
         this.remove(index);
      }
   }

   // 扩展： 根据元素来删除所有元素
   removeAllElement(element) {
      let index = this.find(element);
      while (index != -1) {
         this.remove(index);
         index = this.find(element);
      }

      // let indexArray = this.findAll(element);
      // let cur, index = 0;
      // for (var i = 0; i < indexArray.getSize(); i++) {
      //   // 每删除一个元素 原数组中就少一个元素，
      //   // 索引数组中的索引值是按照大小顺序排列的，
      //   // 所以 这个cur记录的是 原数组元素索引的偏移量
      //   // 只有这样才能够正确的删除元素。
      //   index = indexArray.get(i) - cur++;
      //   this.remove(index);
      // }
   }

   // @Override toString 2018-10-17-jwl
   toString() {
      let arrInfo = `Array: size = ${this.getSize()}，capacity = ${this.getCapacity()}，\n`;
      arrInfo += `data = [`;
      for (var i = 0; i < this.size - 1; i++) {
         arrInfo += `${this.data[i]}, `;
      }
      if (!this.isEmpty()) {
         arrInfo += `${this.data[this.size - 1]}`;
      }
      arrInfo += `]`;

      // 在页面上展示
      document.body.innerHTML += `${arrInfo}<br /><br /> `;

      return arrInfo;
   }
}
复制代码

  2. Main

    class Main {
   constructor() {
      this.alterLine('MyArray Area');

      let ma = new MyArray();
      for (let i = 1; i <= 10; i++) {
         ma.add(i);
      }

      /*
       * Array: size = 10，capacity = 20
       * [1,2,3,4,5,6,7,8,9,10]
       */
      console.log(ma.toString());

      /*
       * Array: size = 11，capacity = 20
       * [1,2,3,4,5,6,7,8,99999,9,10]
       */
      ma.insert(8, 9999);
      console.log(ma.toString());

      /*
       * Array: size = 10，capacity = 20
       * [1,2,3,4,5,6,7,8,9,10]
       */
      ma.remove(8);
      console.log(ma.toString());

      /*
       * Array: size = 11，capacity = 20
       * [1,2,3,4,5,6,7,8,9,10,9999]
       */
      ma.push(9999);
      console.log(ma.toString());
   }

   // 将内容显示在页面上
   show(content) {
      document.body.innerHTML += `${content}<br /><br />`;
   }

   // 展示分割线
   alterLine(title) {
      let line = `--------------------${title}----------------------`;
      console.log(line);
      document.body.innerHTML += `${line}<br /><br />`;
   }
}
window.onload = function() {
   // 执行主函数
   new Main();
};
复制代码

简单的时间复杂度分析

  1. 在算法和数据结构领域有一个非常重要的内容
    1. 使用复杂度分析的方式来查看代码相应的性能好不好，
    2. 时间复杂度分析是一个理论化的领域，
    3. 如果非要非常严谨的去研究它，
    4. 那就会涉及到很多数学方面的内容以及很多新概念，
    5. 所以只需要对时间复杂度有一个简单的认识即可。
  2. 常见的算法的时间复杂度
    1. O(1)、O(n)、O(lgn)、O(nlogn)、O(n^2)等等
  3. 这个大 O 简单的来说描述的是
    1. 算法的运行时间和输入数据之间的关系。
    2. 如最简单的求和，使用 for 循环来进行求和
    3. 他的时间复杂度就是 O(n)，
    4. 这个 n 表示的是求和 for 循环遍历的次数，
    5. 这个算法运行的时间和 for 循环遍历的次数成线性关系，
    6. 算法和 n 呈线性关系就是O(n)。
  4. 为什么要用大 O，为什么要叫做O(n)？
    1. 因为忽略掉了很多的常数，
    2. 实际时间用线性方程来表示：T = c1*n + c2，
    3. 其中的 c1 表示循环遍历的每一次的时间，
    4. 遍历的次数就为 n，
    5. c2 表示遍历之前和之后的代码执行时间，
    6. 也就是其它地方的代码执行消耗的时间
    7. 如 你要初始化一个变量 sum，
    8. 如果你写的是一个方法，你要返回最终结果 sum
    function calcSum(nums) {
   let sum = 0;
   for (let num of nums) {
      sum += num;
   }
   return sum;
}
复制代码
  5. 如果在具体分析算法的时候把 c1 和 c2 也都具体的分析出来，
    1. 其实那样没有什么必要，并且在有些情况下也不可能做到，
    2. 例如不同的语言实现，执行的时间是不等的，
    3. 因为转换为机器码后的指令数也是不一样的，
    4. 就算指令都一样，还有不同系统 cpu 执行的操作也是不一样的，
    5. 很难判断出来 c1 是几条指令、c2 又是几条指令，
    6. 正因为如此所以在分析时间复杂度的时候，
    7. 是一定要忽略掉这些常数的，
    8. 忽略掉这些常数之后，
    9. 算法一：T = 2*n + 2、算法二：T = 2000*n + 10000，
    10. 他们的时候复杂度都是 O(n)，
    11. 换句话来说他们都是线性时间的算法，
    12. 这些算法消耗的时间和输入数据的规模是成一个线性关系。
  6. 如果有一个算法三：T = 1*n*n + 0
    1. 不要认为这个 1 很小、0 也很小，
    2. 但是它依然是一个O(n^2)级别的一个算法，
    3. 也就是说这个算法消耗的时间和这个数据的规模成一个平方关系的，
    4. O(n^2)要比O(n)性能差很多，因为前者是 N 的平方级别的，
    5. 虽然第二个算法的常数 2000 和 10000 特别的大，
    6. 而第三个算法的常数 1 和 0 特别的小，
    7. 的确如此，假设这个 n 为 10，
    8. 那么第三个算法消耗的时间会比第二个算法消耗的时间要长，
    9. 但是那并不能证明第三个算法比第二个算法性能就要差，
    10. 因为这个本来就要分具体情况，常数会影响到执行的时间，
    11. 但是计算时间复杂度就是要忽略掉常数的，
    12. 因为你实际使用没有办法控制所有常数。
  7. 这个 O 其实表示的一个渐进的时间复杂度
    1. 这个渐进 描述的是当 n 趋近于无穷大的时候，
    2. 例如第二个算法与第三个算法中的 n 为 3000，
    3. 那么很明显第三个算法肯定要比第二个算法执行时间长，
    4. 当这个 n 比 3000 还要大的时候，
    5. 那么O(n^2)要比O(n)的执行时间差的越来越大，
    6. 所以当 n 越大，一个低阶算法的性能就越能体现出来，
    7. 也就是 n 越大就越能看出来O(n^2)要比O(n)快。
  8. 在实际使用时可能会用到高阶算法
    1. 当 n 比较小的时候有可能因为他的常数比较低，
    2. 反而可能会快于一个低阶算法，
    3. 例如 高阶的排序算法 归并排序、快速排序，
    4. 这些高阶排序法都可以对于比较小的数组转而使用插入排序这种方式，
    5. 可以很好的进行优化，通常这种优化能获得百分之 10 到百分之 15 性能提升，
    6. 它的眼里实际上是插入排序算法的常数要比归并排序、快速排序算法的常数小一些，
    7. 这样低阶的算法执行时间要比高阶的算法执行时间要快一些。
  9. 大 O 描述的是一个算法或者操作的一个渐进式的时间复杂度，
    1. 也就是在说这个算法操作所消耗的时间和输入数据的规模之间的关系
    2. 由于大 O 描述的是 n 趋近于无穷大的情况下这个算法的时间复杂度，
    3. 所以当出现这种算法时T = 2*n*n + 300n + 10，
    4. 他的时间复杂度还是O(n^2)，
    5. 如果这个算法的时间和 n 成 2 次方关系的话，
    6. 相应这个算法的时间和 n 成 1 次方的关系会被忽略掉，
    7. 因为在这种情况下 低阶项会被忽略掉，
    8. 因为当 n 趋近于无穷的时候 低阶项起到的作用太小了，
    9. 所以当 n 无穷大的时候低阶项的大小是可以忽略不计的，
    10. 所以T = 2*n*n + 300n + 10的时间复杂度还是O(n^2)。

分析动态数组的时间复杂度

  1. 增：O(n)
  2. 删：O(n)
  3. 改：已知索引 O(1)，未知索引 O(n)
  4. 查找：已知索引 O(1)，未知索引 O(n)
  5. 其它
    1. 未知索引的删除，需要先查后删：O(n^2)
    2. 未知索引的删除全部，需要先遍历再查再删：O(n^3)
    3. 未置索引的查找全部，需要先遍历：O(n)
  6. 所以在使用数组的时候
    1. 索引要具有一定语意，
    2. 这样就可以直接通过索引来进行操作，
    3. 如果索引没有语意，
    4. 那么修改和查找会让性能大幅度降低。
  7. 增和删如果只对最后一个元素进行操作
    1. 那么时间复杂度就为O(1)，
    2. 但是动态数组要有 resize 伸缩容量的功能，
    3. 所以增和删的时间复杂度依然是O(n)。
  8. 一旦要 resize 了，就需要把整个元素全都复制一遍
    1. 复制给一片新的空间，
    2. 虽然说 resize 好像是一个性能很差的操作，
    3. 但是实际上并不是这样的，
    4. 完全使用最坏情况的时间复杂度来分析 resize 是不合理的，
    5. 应该使用均摊时间复杂度分析来分析 resize，
    6. 其实 resize 所消耗的性能在整体上没有那么的糟糕。
添加操作：时间复杂度为 O(n)
  1. push(e)：向数组末尾添加一个元素
    1. 非常简单，只是简单的给data[size]赋值，
    2. 所以它的时间复杂度为 O(1)
    3. O(1)的时间复杂度表示这个操作所消耗的时间
    4. 与 数据的规模是没有关系的，
    5. 在分析数组的时间复杂度的时候，
    6. 那个时间复杂度与这个数组有多少个元素有关系，
    7. 由于你要遍历数组中每一个元素，
    8. 那么这个时间复杂度就为O(n)（操作 n 个元素），
    9. push 都能在常数时间内完成，
    10. 所以他的时间复杂度就为O(1)（操作 1 个元素）。
  2. unshift(e)：向数组头部添加一个元素
    1. 需要把数组中的元素都往后移动一个位置，
    2. 所以这涉及到遍历数组中每一个元素，
    3. 那么这个时间复杂度就为O(n)（操作 n 个元素），
    4. 虽然最后也有O(1)（操作 1 个元素）的操作 ，
    5. 但是在有O(n)情况时，
    6. 更低阶项O(1)会被忽略掉。
  3. insert(index, e)：在 index 索引这个位置插入一个元素
    1. 当 index 为 0 的时候就和unshift(e)一样要向后移动 n 个元素，
    2. 当 index 为 size(数组中实际元素个数)的时候就和push(e)一样
    3. 只是简单的给data[size]赋值，
    4. 由于这个 index 可以取 0 到 size 中任何一个值，有那么多种可能性，
    5. 那么就可以进行假设在具体操作的时候取到每一个值的概率都是一样的，
    6. 在这种情况下进行操作时它所消耗的时间的期望，
    7. 有些情况 index 会小一些，那么向后移动位置的元素会多一些，
    8. 有些情况 index 会大一些，那么向后移动位置的元素会少一些，
    9. 平均而言这个算法的时间复杂度为O(n/2)，
    10. 但是这个 2 是一个常数，需要忽略常数，
    11. 所以忽略常数后这个算法的时间复杂度为O(n)
    12. 所以最好的情况下时间复杂就为O(1)，
    13. 最坏的情况下时间复杂度就为O(n)，
    14. 中等的情况下时间复杂度就为O(n/2)。
  4. 添加操作综合来看是一个O(n)级别的算法
    1. push(e)：O(1)，
    2. unshift(e)：O(n)，
    3. insert(index, e)：O(n/2)=O(n)。
    4. 严格计算就需要一些概率论上的知识，
    5. 所以在算法复杂度分析上，
    6. 通常关注的是某个算法时间复杂度的最坏情况、最糟糕的情况，
    7. 也会有一些特例，但是在现实生活中你不能按照最好的情况去解决问题。
    8. 例如 你去上班，公司距离你家的位置最快只需要 5 分钟，
    9. 然后你每次去上班只留五分钟的时间从家里出来到公司去，
    10. 你这样做就是很高概率的让每次上班都会迟到。
    11. 例如 在考试时，考试最好的情况是考满分，
    12. 然后你每次都考试都以为自己能考满分的蒙题而不去准备，
    13. 你这样做的就是很高概率的让每次考试都会不及格。
    14. 在大多数情况下去考虑最好的情况是没有多大意义的，
    15. 在算法分析的领域通常会比较严格一些去考察最坏的情况。
  5. 在添加操作时，自定义的动态数组容量已满
    1. 就会进行 resize 操作，这个 resize 操作显然是O(n)，
    2. 以为因为要给新数组重新赋值一遍。
删除操作：时间复杂度为 O(n)
  1. removeLast()：在数组末尾删除一个元素
    1. 给末尾的数组元素设置默认值，然后size--，
    2. 所以它的时间复杂度为 O(1)
    3. O(1)的时间复杂度表示这个操作所消耗的时间
    4. 与 数据的规模是没有关系的，
    5. 他每次只是操作一个数组元素。
  2. removeFirst()：在数组头部删除一个元素
    1. 需要把数组中的元素都往前移动一个位置，
    2. 所以这涉及到遍历数组中每一个元素，
    3. 那么这个时间复杂度就为O(n)（操作 n 个元素），
    4. 虽然最后也有O(1)（操作 1 个元素）的操作 ，
    5. 给末尾的数组元素设置默认值，然后size--，
    6. 但是在有O(n)情况时，
    7. 更低阶项O(1)会被忽略掉。
  3. remove(index)：删除指定索引位置处的元素并返回
    1. 所以最好的情况下时间复杂就为O(1)，
    2. 最坏的情况下时间复杂度就为O(n)，
    3. 中等的情况下时间复杂度就为O(n/2)，
    4. 忽略常数后这个算法的时间复杂度为O(n)。
  4. 删除操作综合来看是一个O(n)级别的算法
    1. removeLast()：O(1)，
    2. removeFirst()：O(n)，
    3. remove(index)：O(n/2)=O(n)。
  5. 在删除操作时，自定义的动态数组中实际元素个数为其容量的一半时，
    1. 就会进行 resize 操作，这个 resize 操作显然是O(n)，
    2. 以为因为要给新数组重新赋值一遍。
修改操作：时间复杂度为 O(1)
  1. set(index, e)：指定索引修改一个元素的值
    1. 简单的赋值操作，时间复杂度为O(1)。
    2. 数组最大的优势就是支持随机访问，
    3. 访问到对应索引的值后就可以修改对应索引的值了，
    4. 性能超级好。
查询操作：时间复杂度为 O(n)
  1. get(index)：指定索引查找一个元素的值
    1. 简单的获取操作，时间复杂度为O(1)。
    2. 数组最大的优势就是支持随机访问，
    3. 只要知道我要访问的索引是那个数字，
    4. 就能够一下子访问到对应索引的值，
    5. 性能超级好。
  2. contains(e)：指定元素来查找，判断元素是否存在
    1. 复杂的获取操作，时间复杂度为O(n)。
    2. 需要遍历整个数组从而找到相同的元素，
    3. 这个元素在数组中可能找的到也可能找不到，
    4. 所以最好的情况下时间复杂就为O(1)，第一个，
    5. 最坏的情况下时间复杂度就为O(n)，最后一个或者没找到，
    6. 中等的情况下时间复杂度就为O(n/2)，在中间，
    7. 忽略常数后这个算法的时间复杂度为O(n)，
    8. 分析算法要关注最坏的情况。
  3. find(e)：指定元素来查找，返回该元素对应的索引
    1. 复杂的获取操作，时间复杂度为O(n)。
    2. 需要遍历整个数组从而找到相同的元素，
    3. 这个元素在数组中可能找的到也可能找不到，
    4. 所以最好的情况下时间复杂就为O(1)，第一个，
    5. 最坏的情况下时间复杂度就为O(n)，最后一个或者没找到，
    6. 中等的情况下时间复杂度就为O(n/2)，在中间，
    7. 忽略常数后这个算法的时间复杂度为O(n)，
    8. 分析算法要关注最坏的情况。
其它扩展操作
  1. removeElement(e)：根据指定元素来进行删除第一相同的元素
    1. 首先要进行遍历操作，然后找到指定元素的索引，
    2. 最后根据索引来进行删除操作，删除操作中又会进行元素位置移动
    3. 于是就有两轮循环了，所以时间复杂度为O(n^2)。
  2. removeAll(e)：：根据指定元素来进行删除所有相同的元素
    1. 首先要进行遍历操作，找到一个元素后就删除这个元素，
    2. 会复用到removeElement(e)，于是有三轮循环了，
    3. 所以这个操作是O(n^3)。
  3. findAll(e)：根据指定元素来进行查找，找到所有的元素
    1. 首先要进行遍历操作，找到一个元素后就将元素的索引存起来，
    2. 所以这个操作是一轮循环，时间复杂度为O(n)。

均摊复杂度和防止复杂度的震荡

resize 的复杂度分析

  1. 不可能每次执行 push 操作的时候都会触发 resize
    1. 假如数组有十个空间，你执行 push 操作操作之后，
    2. 只有第十次才会触发 resize，并且数组的容量会翻一倍，
    3. 随着你添加的越多，数组的容量会呈现倍数增长，
    4. 那么触碰 resize 的概率就越小了，
    5. 根本不可能每次添加元素就触发 resize，
    6. 所以使用最坏的情况去分析 resize 是非常不合理的。
  2. 假设当前的 capacity = 10，并且每次添加操作都使用 push
    1. 那么在触发 resize 的时候，一共进行了 11 次 push 操作
    2. 其实一共进行了 21 次基本赋值的操作(10+10+1)，
    3. 11 添加操作和十次转移数组元素的操作，
    4. 因为 resize 里面会将原数组中的元素赋值给新数组，
    5. 所以平均每次 push 操作，就约等于进行了 2 次的基本赋值操作。
  3. 那可以继续假设 capacity = n，n+1 次 push 触发 resize，
    1. 总共进行了 2n+1 次基本赋值操作，
    2. 这样一来平均来讲 每次 push 操作，
    3. 都在进行 2 次的基本赋值操作。
  4. 相当于就是将 resize 的时间平摊给了 n+1 次 push 操作
    1. 从而得到一个结论，平均每次 push 操作，都会进行 2 次基本操作，
    2. 那么 push 的时间复杂度不会因为 resize 而变为O(n)级别的，
    3. 这就意味着 这样的均摊计算，addLast 时间复杂度其实是O(1)级别的，
    4. 而且他和当前数组中有多少个元素完全没有关系的，
    5. 所以在这个例子里，这样的均摊计算比计算最坏情况要更有意义，
    6. 这样计算复杂度就叫均摊复杂度，
    7. 也就是说 push 的均摊复杂度为O(1)。

均摊复杂度(amortized time complexity)

  1. 均摊复杂度在很多教材中并不会进行介绍，
    1. 但是在实际工程中这样的一个思想是很有意义的，
    2. 一个相对比较耗时的操作，如果能够保证它不会每次都触发，
    3. 那么这个相对比较耗时的操作相应的时间
    4. 是可以分摊到其它的操作中来，
    5. 其实这样一来，removeLast 操作，
    6. 它的均摊复杂度是为O(1)的，
    7. 虽然它的最坏复杂度是O(n)级别的，
    8. 但是它的均摊复杂度也是为O(1)级别的。

复杂度震荡

  1. 同时去看 push 和 removeLast 操作时：
    1. 如 capacity = n，然后数组容量已经满了，
    2. 这时候使用 push 操作，
    3. 这时候数组就要进行扩容，
    4. 那么就会耗费O(n)的时间，
    5. 这时候又去使用 removeLast 操作，
    6. 这时候数组又要进行缩容，
    7. 那么又会耗费O(n)的时间，
    8. 就这样一直的 addLast、removeLast，
    9. 那么操作都是在耗费O(n)的时间，
  2. 这种情况每次都会耗费O(n)的复杂度
    1. 这就是复杂度的震荡，
    2. 明明在均摊的时候是一个O(1)的级别，
    3. 但是在一些特殊的情况下猛的一下窜到了O(n)的级别，
    4. 从而产生了这个震荡。
  3. 这个震荡发生的原因是：
    1. removeLast 时 resize 过于激进(Eager)，
    2. 当元素的个数变为容量的二分之一的时候，
    3. 立马就让数组进行缩容，
    4. 此时整个数组中的元素是满的，
    5. 元素的个数和容量是相等的，
    6. 然后使用一下 push 操作时就又需要扩容了。
  4. 解决方案：Lazy
    1. 当 removeLast 时进行 resize 不急着进行缩容，
    2. 而是等 size 为当前容量的四分之一时再进行缩容，
    3. 缩容的大小为原来容量的一半，
    4. 这样一来就算立马进行 push 操作也不会立马进行扩容操作，
    5. 也就是将原来的策略改成了
    6. 只有当size == capcity / 4时，才将 capacity 减半，
    7. 原来是size == capcity / 2时，才将 capacity 减半，
    8. 通过这样的策略就防止了复杂度的震荡。
    9. 要防止容量为 4 时，size 又为 1 时，
    10. data.length / 2 为 0，那样缩容的容量就为 0 了，
    11. 这样一来你任何操作都可能会报异常了。
  5. 这种方式其实是非常有意思的方式，
    1. 在算法的领域有的时候懒一些
    2. 反而让算法最终的整体性能更加好，
    3. 所以有时候是在更懒的时候其实是在改善算法性能，
    4. 虽然说算法更懒，但是不代表代码更容易编写，
    5. 也不代表代码量更少，
    6. 有时候让算法更懒，其实代码量会更加的大。
  6. 数组背后其实数组这种数据结构背后还有很多东西值得探究，
    1. 不要小看数组，
    2. 设计一个数据结构整体上就要看它怎么具体的存储数据，
    3. 在这个具体的存储的基础上怎样进行数据的增删改查。
代码示例(class: MyArray, class: Main)

  1. Myarray

    class MyArray {
   // 构造函数，传入数组的容量capacity构造Array 默认数组的容量capacity=10
   constructor(capacity = 10) {
      this.data = new Array(capacity);
      this.size = 0;
   }

   // 获取数组中的元素实际个数
   getSize() {
      return this.size;
   }

   // 获取数组的容量
   getCapacity() {
      return this.data.length;
   }

   // 判断数组是否为空
   isEmpty() {
      return this.size === 0;
   }

   // 给数组扩容
   resize(capacity) {
      let newArray = new Array(capacity);
      for (var i = 0; i < this.size; i++) {
         newArray[i] = this.data[i];
      }

      // let index = this.size - 1;
      // while (index > -1) {
      //   newArray[index] = this.data[index];
      //   index --;
      // }

      this.data = newArray;
   }

   // 在指定索引处插入元素
   insert(index, element) {
      // 先判断数组是否已满
      if (this.size == this.getCapacity()) {
         // throw new Error("add error. Array is full.");
         this.resize(this.size * 2);
      }

      // 然后判断索引是否符合要求
      if (index < 0 || index > this.size) {
         throw new Error(
            'insert error. require  index < 0 or index > size.'
         );
      }

      // 最后 将指定索引处腾出来
      // 从指定索引处开始，所有数组元素全部往后移动一位
      // 从后往前移动
      for (let i = this.size - 1; i >= index; i--) {
         this.data[i + 1] = this.data[i];
      }

      // 在指定索引处插入元素
      this.data[index] = element;
      // 维护一下size
      this.size++;
   }

   // 扩展 在数组最前面插入一个元素
   unshift(element) {
      this.insert(0, element);
   }

   // 扩展 在数组最后面插入一个元素
   push(element) {
      this.insert(this.size, element);
   }

   // 其实在数组中添加元素 就相当于在数组最后面插入一个元素
   add(element) {
      if (this.size == this.getCapacity()) {
         // throw new Error("add error. Array is full.");
         this.resize(this.size * 2);
      }

      // size其实指向的是 当前数组最后一个元素的 后一个位置的索引。
      this.data[this.size] = element;
      // 维护size
      this.size++;
   }

   // get
   get(index) {
      // 不能访问没有存放元素的位置
      if (index < 0 || index >= this.size) {
         throw new Error('get error. index < 0 or index >= size.');
      }
      return this.data[index];
   }

   // set
   set(index, newElement) {
      // 不能修改没有存放元素的位置
      if (index < 0 || index >= this.size) {
         throw new Error('set error. index < 0 or index >= size.');
      }
      this.data[index] = newElement;
   }

   // contain
   contain(element) {
      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            return true;
         }
      }
      return false;
   }

   // find
   find(element) {
      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            return i;
         }
      }
      return -1;
   }

   // findAll
   findAll(element) {
      // 创建一个自定义数组来存取这些 元素的索引
      let myarray = new MyArray(this.size);

      for (var i = 0; i < this.size; i++) {
         if (this.data[i] === element) {
            myarray.push(i);
         }
      }
      // 返回这个自定义数组
      return myarray;
   }

   // 删除指定索引处的元素
   remove(index) {
      // 索引合法性验证
      if (index < 0 || index >= this.size) {
         throw new Error('remove error. index < 0 or index >= size.');
      }

      // 暂存即将要被删除的元素
      let element = this.data[index];

      // 后面的元素覆盖前面的元素
      for (let i = index; i < this.size - 1; i++) {
         this.data[i] = this.data[i + 1];
      }

      this.size--;
      this.data[this.size] = null;

      // 如果size 为容量的一半时 就可以缩容了
      // 防止 size 为 0 时 data.length 为1  那么缩容时也为 0
      if (
         Math.floor(this.getCapacity() / 2) === this.size &&
         Math.floor(this.getCapacity() / 2) !== 0
      ) {
         // 缩容一半
         this.resize(Math.floor(this.getCapacity() / 2));
      }

      return element;
   }

   // 扩展：删除数组中第一个元素
   shift() {
      return this.remove(0);
   }

   // 扩展： 删除数组中最后一个元素
   pop() {
      return this.remove(this.size - 1);
   }

   // 扩展： 根据元素来进行删除
   removeElement(element) {
      let index = this.find(element);
      if (index !== -1) {
         this.remove(index);
      }
   }

   // 扩展： 根据元素来删除所有元素
   removeAllElement(element) {
      let index = this.find(element);
      while (index != -1) {
         this.remove(index);
         index = this.find(element);
      }

      // let indexArray = this.findAll(element);
      // let cur, index = 0;
      // for (var i = 0; i < indexArray.getSize(); i++) {
      //   // 每删除一个元素 原数组中就少一个元素，
      //   // 索引数组中的索引值是按照大小顺序排列的，
      //   // 所以 这个cur记录的是 原数组元素索引的偏移量
      //   // 只有这样才能够正确的删除元素。
      //   index = indexArray.get(i) - cur++;
      //   this.remove(index);
      // }
   }

   // @Override toString 2018-10-17-jwl
   toString() {
      let arrInfo = `Array: size = ${this.getSize()}，capacity = ${this.getCapacity()}，\n`;
      arrInfo += `data = [`;
      for (var i = 0; i < this.size - 1; i++) {
         arrInfo += `${this.data[i]}, `;
      }
      if (!this.isEmpty()) {
         arrInfo += `${this.data[this.size - 1]}`;
      }
      arrInfo += `]`;

      // 在页面上展示
      document.body.innerHTML += `${arrInfo}<br /><br /> `;

      return arrInfo;
   }
}
复制代码

  2. Main

    class Main {
   constructor() {
      this.alterLine('MyArray Area');

      let ma = new MyArray();
      for (let i = 1; i <= 10; i++) {
         ma.add(i);
      }

      /*
       * Array: size = 10，capacity = 20
       * [1,2,3,4,5,6,7,8,9,10]
       */
      console.log(ma.toString());

      /*
       * Array: size = 11，capacity = 20
       * [1,2,3,4,5,6,7,8,99999,9,10]
       */
      ma.insert(8, 9999);
      console.log(ma.toString());

      /*
       * Array: size = 10，capacity = 20
       * [1,2,3,4,5,6,7,8,9,10]
       */
      ma.remove(8);
      console.log(ma.toString());

      /*
       * Array: size = 11，capacity = 20
       * [1,2,3,4,5,6,7,8,9,10,9999]
       */
      ma.push(9999);
      console.log(ma.toString());

      for (let i = 1; i <= 11; i++) {
         ma.remove(0);
      }
      /*
       * Array: size = 6，capacity = 10
       * [1,7,8,9,10,9999]
       */
      console.log(ma.toString());
   }

   // 将内容显示在页面上
   show(content) {
      document.body.innerHTML += `${content}<br /><br />`;
   }

   // 展示分割线
   alterLine(title) {
      let line = `--------------------${title}----------------------`;
      console.log(line);
      document.body.innerHTML += `${line}<br /><br />`;
   }
}
window.onload = function() {
   // 执行主函数
   new Main();
};
复制代码
weixin_33861800
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值