前端需要知道的数据结构与算法

怼烎@ 2022-03-18 09:18 136阅读 0赞

## 基本数据结构 ##

### JS 数据类型 ###

基本类型（栈 stack）： Number String Boolean Null Undefined 和 Symbol（es6 新增）  
引用类型（堆 heap）：Object Array Function Data

### 数据结构 ###

数据结构是指相互之间存在着一种或多种关系的数据元素的集合和该集合中数据元素之间的关系组成

### 算法 ###

#### 算法特征 ####

有穷性、确定性、可行性、输入、输出

#### 算法设计衡量 ####

正确性、可读性、健壮性, 时间复杂度, 空间复杂度

#### 时间复杂度 ####

运行一段程序的计算工作量，时间复杂度即通常所说的算法执行所需要耗费的时间，时间越短，算法越好。但是，一个算法的执行时间往往无法精确估计。通常需要在实际的计算机运行才知道具体的执行时间。但是，也可以大致进行估计，得到算法的时间复杂度。算法的执行时间往往和算法代码中语句执行的数量有关。

#### 空间复杂度 ####

运行一段程序的内存占用，空间复杂度通常指的是算法程序在计算机只想中只想所需要的存储空间。

eg:

O(1):常数运算

O(n):1 层循环

O(n^2):2 层循环

O(n^n):n 层循环

O(log2n):int i = 1, n = 100;while(i < n)\{ i = i \* 2;\}

#### 算法分类 ####

1.  快速排序算法
2.  深度优先算法
3.  广度优先算法
4.  堆排序算法
5.  归并排序算法

#### 冒泡排序 ####

原理：每次把最大或者最小的浮到最顶层

#### 插入排序 ####

原理：从数组的第二个和第一个比较，如果小于第一个则插入到第一个元素之前，否则不变  
第三个一次和第二个第一个比,如果小于第二个且大于第一个则插入第二个元素之前

let arr = [33, 1, 46, 23, 35, 12, 30, 4, 16, 2]
    function insertionSort(arr) {
      var len = arr.length
      var preIndex, current
      for (var i = 1; i < len; i++) {
        preIndex = i - 1
        current = arr[i]
        while (preIndex >= 0 && arr[preIndex] > current) {
          arr[preIndex + 1] = arr[preIndex]
          preIndex--
        }
        arr[preIndex + 1] = current
      }
      return arr
    }

#### 选择排序 ####

原理：从数组的第一个开始，向后比较，找到最小的和第一个交换

### 算法复杂度 ###

<table> 
 <thead> 
  <tr> 
   <th align="center">排序方法</th> 
   <th align="center">时间复杂度（最坏）</th> 
   <th align="center">时间复杂度（最好）</th> 
   <th align="center">空间复杂度</th> 
   <th align="center">稳定性</th> 
   <th align="center">复杂性</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">冒泡排序</td> 
   <td align="center">O(n^2)</td> 
   <td align="center">O(n)</td> 
   <td align="center">O(1)</td> 
   <td align="center">稳定</td> 
   <td align="center">简单</td> 
  </tr> 
  <tr> 
   <td align="center">插入排序</td> 
   <td align="center">O(n^2)</td> 
   <td align="center">O(n)</td> 
   <td align="center">O(1)</td> 
   <td align="center">稳定</td> 
   <td align="center">简单</td> 
  </tr> 
  <tr> 
   <td align="center">选择排序</td> 
   <td align="center">O(n^2)</td> 
   <td align="center">O(n^2)</td> 
   <td align="center">O(1)</td> 
   <td align="center">不稳定</td> 
   <td align="center">简单</td> 
  </tr> 
 </tbody> 
</table>

## 参考 ##

1.  [前端你应该了解的数据结构与算法][Link 1]
2.  [如何理解时间复杂度和空间复杂度][Link 2] 3. [时间复杂度和空间复杂度][Link 3]

来源：[https://segmentfault.com/a/1190000018193918][https_segmentfault.com_a_1190000018193918]

[Link 1]: https://yq.aliyun.com/articles/613456
[Link 2]: https://blog.csdn.net/qq_21817237/article/details/81346590
[Link 3]: http://www.sohu.com/a/278224982_371153
[https_segmentfault.com_a_1190000018193918]: https://segmentfault.com/a/1190000018193918