前端算法面试题1--栈、队列、链表、字典与哈希表

栈--后进先出

数据结构:数组

使用方法:pop(出栈) push(入栈)

算法题:有效的扣号

bash 复制代码
function isValid(s) {
    let stack = [];
    let map = {
        "(": ")",
        "{": "}",
        "[": "]"
    };

    for (let i = 0; i < s.length; i++) {
        let ch = s[i];
        // 如果是左括号,则入栈
        if (map[ch]) {
            stack.push(ch);
        } else {
            // 如果是右括号,检查栈顶的左括号是否与之匹配
            if (ch !== map[stack.pop()]) {
                return false;
            }
        }
    }

    // 最后检查栈是否为空,如果为空说明所有的括号都匹配,否则说明有不匹配的括号
    return stack.length === 0;
}

console.log(isValid("()[]{}")); // true
console.log(isValid("(]")); // false
console.log(isValid("([)]")); // false
console.log(isValid("{[]}")); // true

队列-先进先出

数据结构:数组

使用方法:shift(出栈) push(入栈)

重点:js的任务队列

算法题:用两个栈实现队列。

队列(Queue)是一种先进先出(FIFO,First In First Out)的数据结构。以下是一个 JavaScript 队列问题的例子:用两个栈实现队列。

问题描述:

使用两个栈实现一个队列。提供两个方法:push,用于添加元素到队列,pop,用于从队列中删除元素。假设所有的操作都是有效的(比如,对一个空的队列不会调用 pop 操作)。

bash 复制代码
var Queue = function() {
    this.stack1 = [];
    this.stack2 = [];
};

Queue.prototype.push = function(x) {
    this.stack1.push(x);
};

Queue.prototype.pop = function() {
    if (this.stack2.length === 0) {
        while (this.stack1.length > 0) {
            this.stack2.push(this.stack1.pop());
        }
    }
    return this.stack2.pop();
};

var queue = new Queue();
queue.push(1);
queue.push(2);
console.log(queue.pop()); // 1
queue.push(3);
console.log(queue.pop()); // 2
console.log(queue.pop()); // 3

这个解决方案中,我们使用两个栈:stack1 和 stack2。当添加元素到队列时,我们只需要将元素压入 stack1。当从队列中删除元素时,我们将所有 stack1 中的元素依次弹出并压入 stack2,然后弹出 stack2 的栈顶元素。这样,就实现了队列的先进先出特性。如果 stack2 中还有元素,我们就直接弹出,而不需要再次将 stack1 中的元素转移过来。这是因为 stack2 中的元素都是比 stack1 中的元素更早添加到队列中的,所以应该优先出队。

链表

什么是链表

1.多个元素存储的列表
2.链表中的元素在内存中不是顺序存储的,而是通过"next"指针联系在一起的

链表和数组的区别

1、数组是有序存储的,在中间某个位置删除或者添加某个元素,其他元素要跟着动

2、链表中的元素在内存中不是顺序存储的,而是通过"next"

指针联系在一起的

区别一:

数组:下标

链表:next指针联系在一起

区别二:数据插入

数组:中间插入新的元素、其他元素需要重新计算

链表:不会重新计算,赋值/替换的感觉

区别三:查找

数组:通过下标进行查找即可

链表:每次查找都需要从头开始找

单向链表:
双向链表:

数据结构

bash 复制代码
let a={key:'a'}
let b={key:'b'}
let c={key:'c'}
let d={key:'d'}
a.next=b
b.next=c
c.next=d
d.next=null
console.log(a)
{
    "key": "a",
    "next": {
        "key": "b",
        "next": {
            "key": "c",
            "next": {
                "key": "d",
                "next": null
            }
        }
    }
}
//遍历链表
let obj=a;
while(obj&&obj.key){
	console.log(obj.key);
	obj=obj.next
}
//链表中插入元素
let m={key:'m'}
c.next=m;
m.next=d;
console.log(a)
//删除操作
c.next=d
console.log(a)

js中的原型链原理就是链表结构 通过__proto__连接

bash 复制代码
function fun(){}
console.log(new fun().__proto__)
instanceof的原理

JavaScript 中的 instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

其原理可以概括为以下步骤:

获取对象的原型(proto 属性)。

对比该原型与构造函数的 prototype 属性。

如果相等,则返回 true。

如果不相等,则继续向上(proto .proto )追溯原型链并进行比较,直到原型链的终点 null。

如果在原型链上都没有找到与构造函数 prototype 属性相等的原型,则返回 false。

以下是一个简单的示例:

bash 复制代码
function MyConstructor() {}

let instance = new MyConstructor();

console.log(instance instanceof MyConstructor); // 输出:true

在这个例子中,instance 是 MyConstructor 的一个实例,所以 instance instanceof MyConstructor 返回 true。

基于 instanceof 的原理,我们也可以手动实现一个 instanceof 的功能:

bash 复制代码
function myInstanceOf(instance, constructor) {
    let proto = Object.getPrototypeOf(instance);
    while (proto) {
        if (proto === constructor.prototype) {
            return true;
        }
        proto = Object.getPrototypeOf(proto);
    }
    return false;
}

console.log(myInstanceOf([1,2,3],Array)); 
// 输出:true
环形链表

环形链表是一种特殊的链表,其中最后一个元素指向链表的某个位置,形成一个环。

问题:给定一个链表,确定链表中是否有环。

为了解决这个问题,我们可以使用"快慢指针"或者"龟兔赛跑"的算法。这个算法的原理是创建两个指针,一个快指针和一个慢指针。快指针每次移动两个节点,慢指针每次移动一个节点。如果链表中存在环,那么快指针和慢指针最终会在环中的某个位置相遇。

以下是使用JavaScript实现的代码:

bash 复制代码
function ListNode(val) {
    this.val = val;
    this.next = null;
}

function hasCycle(head) {
    if (head === null || head.next === null) {
        return false;
    }
    
    let slow = head;
    let fast = head.next;
    
    while (slow !== fast) {
        if (fast === null || fast.next === null) {
            return false;
        }
        slow = slow.next;
        fast = fast.next.next;
    }
    
    return true;
}

// 创建一个有环的链表
let node1 = new ListNode(1);
let node2 = new ListNode(2);
let node3 = new ListNode(3);
let node4 = new ListNode(4);

node1.next = node2;
node2.next = node3;
node3.next = node4;
node4.next = node2;  // 创建环

console.log(hasCycle(node1));  // 输出:true

字典和哈希表

字典

字典:键值对存储的,类似于js的对象(键[key]都是字符串类型或者会转换成字符串类型)

字典==》map来表示,map的键不会转换类型(键[key]可以伊任何形式存在)

哈希表 又叫==>散列表

在js中没有哈希表,哈希表是字典的一种实现

记住这句就行 下面可以不用看了 避免混乱

哈希表与字典的区别:

区别一:如果找key对应的value需要遍历key,那么想省略这个步骤可以使用哈希表表示

区别二:排列顺序

字典是根据添加的顺序进行排列的,哈希表不是添加顺序进行排列的

哈希表(Hash Table),也被称为散列表或哈希映射,是一种便于查找和存储数据的数据结构。它的特点是通过一种称为哈希函数(Hash Function)的计算方法,将存储的数据与表中的一个位置(或者说索引)关联起来,从而实现高效的数据查找。

下面是一种通俗的解释:

想象你拥有一个巨大的仓库,需要在其中存储各种各样的物品。一个直接的方法就是,把每一件物品都放入一个巨大的箱子中,然后每次需要某个物品时,都从箱子的一头开始找,直到找到需要的物品。但是,这种方法效率低下,尤其当你需要找的物品在箱子的另一头时。

于是,你想出了一个新的方法:为每一个物品都分配一个特定的编号,然后按照编号的顺序将物品放置在仓库的特定位置。这样,下次需要某个物品时,你只需要查看这个物品的编号,就可以直接找到物品所在的位置,大大提高了查找的效率。

哈希表就是这样一个"仓库",它使用哈希函数为每一份数据生成一个"编号"(我们称之为哈希值),然后将数据存储在相应的位置。当你需要查找数据时,只需要输入数据或者关键字,哈希函数会告诉你数据在哪里,从而实现快速查找。

然而,哈希表并非完美无缺。有时,不同的数据经过哈希函数计算可能会得到相同的哈希值,这种情况我们称之为哈希碰撞。为了解决这个问题,哈希表有多种解决碰撞的方法,如开放定址法、链地址法等。

在 JavaScript 中,没有专门的哈希表(Hash Table)这个数据类型。但是,JavaScript 提供了一些可以实现哈希表功能的对象和数据结构,例如对象(Object)、Map 对象以及 Set 对象。

JavaScript 对象:JavaScript 的对象(Object)可以被看作是键值对的集合,或者说字符串到值的映射。因此,它们可以用来实现哈希表的功能。但是,JavaScript 对象的键必须是字符串或者 Symbol,不能是其他类型的值。

bash 复制代码
<JAVASCRIPT>
let obj = {};
obj["key1"] = "value1";
obj["key2"] = "value2";

console.log(obj["key1"]); // 输出:"value1"

Map 对象:ES6 引入了 Map 类型,它类似于普通的 Object,但 Map 的键可以是任何类型的值。Map 提供了一些有用的方法,如 set(key, value)、get(key)、has(key)、delete(key) 和 size 等。

bash 复制代码
<JAVASCRIPT>
let map = new Map();
map.set("key1", "value1");
map.set("key2", "value2");

console.log(map.get("key1"));  // 输出:"value1"

Set 对象:Set 是 ES6 引入的新的数据结构,类似于数组,但 Set 的成员是唯一且无序的,没有重复的值。

以上这些数据结构都可以实现哈希表的功能,如存储键值对、检查键是否存在、删除键等。但实际上,这些数据结构的内部实现可能并不完全基于哈希算法,它们可能使用了其他的数据结构和算法优化性能。

相关推荐
光影少年1 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
As977_3 分钟前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu10830189115 分钟前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
Ocean☾6 分钟前
前端基础-html-注册界面
前端·算法·html
Dragon Wu8 分钟前
前端 Canvas 绘画 总结
前端
CodeToGym13 分钟前
Webpack性能优化指南:从构建到部署的全方位策略
前端·webpack·性能优化
~甲壳虫14 分钟前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
顶呱呱程序14 分钟前
2-143 基于matlab-GUI的脉冲响应不变法实现音频滤波功能
算法·matlab·音视频·matlab-gui·音频滤波·脉冲响应不变法
~甲壳虫18 分钟前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
Cwhat19 分钟前
前端性能优化2
前端