讲常用数据结构了解多少海量资源.pdfVIP

本文由简悦SimpRead转码，原文地址

你好，我是你的前端课老师龙，欢迎你和我一起学习第26课时的内容：“常用的数据结构了解多

少”。

数据结构是计算机中组织和存储数据的特定方式，也是对基本数据类型的一种高级抽象，它描述了数据

之间的关系，以及操作数据的方法。

数据结构不仅是编程语言和算法的基础，对于前端工程师而言，也变得越来越重要。随着Web应用的

快速发展，前端工程师面临的场景也越来越复杂，无论React、Vue这些框架，还是大型Web应用，都

离不开数据结构的支持。而且越来越多的公司也将数据结构列为面试考察点，所以掌握数据结构，是高

级前端工程师的必备技能。

这一课时我们就来分析最常用的5种数据结构：数组、栈、队列、链表、树。

数组

高级语言的原生数据类型一般都提供了数组类型，所以数组结构并不需要特别的实现方式。

数组虽然看似简单，但基于它可以生成一些更复杂的数据结构，比如多维数组、栈、队列等，本课时如

无特殊说明，数组都指代一维数组。

数组的最大优势在于可以通过索引来快速访问特定的元素，尤其是在有序数组中，比如要在一个升序数

组arr中找到第6小的元素，那么可以直接通过下标5获取。

大家在工作中对数组应该比较熟悉了，所以这里就不再详细介绍了，只介绍一下数组的实现原理。V8

引擎将JavaScript数组分为两类：

FixedArray，使用连续的内存进行存储，可以使用索引直接定位，新创建的空数组默认为

FixedArray类型，当数组超过最大长度会进行动态地扩容；

HashTable，以哈希表的形式存储在内存空间里，存储地址不连续，与FixedArray类型相比，性

能相对较差。

这两者之间在实际使用时可以相互转换：

FixedArray转HashTable，当新增元素的索引值相对于数组长度大于等于1024或者新容量=3

×扩容后的容量×2；

HashTable转FixedArray，当HashTable数组的元素可存放在FixedArray数组中且长度在smi

之间且仅节省了50%的空间时发生转换，其中smi值在不同操作系统下有所不同。

小结一下，FixedArray数组通过牺牲空间来提升操作效率，HashTable数组则相反，不必申请连续的空

间，节省了内存，但需要付出效率变差的代价。

栈

栈是一种操作受限的线性结构，限定只能在尾部进行插入和删除操作，尾部被称为栈顶，而头部称为栈

底。向一个栈插入新元素又称作进栈、入栈或压栈，从一个栈删除元素又称作出栈或退栈。这种受限的

操作方式让栈元素的入栈出栈遵循一种特殊的原则——先进后出（FirstInLastOut，FILO）。

栈的应用非常广泛，这里列举3种：

浏览器的历史记录，它的前进、后退功能就是一个栈操作；

V8中的函数执行过程采用的栈结构；

JavaScript在捕获代码异常时，详细信息会以调用栈的形式打印。

栈可以通过数组来实现，下面的代码实现了一个栈结构：

functionStack(){

var_stack=[];

this.push=function(element){

_stack.push(element);

}

this.pop=function(){

return_stack.pop();

}

this.top=function(){

return_stack[_stack.length-1];

}

this.isEmpty=function(){

re