JavaScript 中的数据结构与算法:数组、链表、栈、队列等

简介: 在JavaScript中,数据结构和算法是非常重要的主题,它们用于有效地组织和处理数据。下面介绍几种常见的数据结构和算法:

在JavaScript中,数据结构和算法是非常重要的主题,它们用于有效地组织和处理数据。下面介绍几种常见的数据结构和算法:

1. 数组(Array)

数组是一种线性数据结构,用于存储一组有序的元素。在JavaScript中,数组是动态大小的,可以容纳不同类型的元素。

创建数组

// 创建一个空数组
const array1 = [];

// 创建一个带有元素的数组
const array2 = [1, 2, 3, 4];
const array3 = ['apple', 'banana', 'orange'];

常用操作

// 获取数组长度
const length = array2.length; // Output: 4

// 访问数组元素
const element = array2[0]; // Output: 1

// 添加元素到数组末尾
array2.push(5); // array2: [1, 2, 3, 4, 5]

// 删除数组末尾的元素
array2.pop(); // array2: [1, 2, 3, 4]

// 在指定位置添加/删除元素
array2.splice(2, 0, 6); // array2: [1, 2, 6, 3, 4]

// 遍历数组
array2.forEach((element) => console.log(element));

2. 链表(Linked List)

链表是一种线性数据结构,由一系列节点组成,每个节点包含两个部分:数据和指向下一个节点的引用。

创建链表

class Node {
   
  constructor(data) {
   
    this.data = data;
    this.next = null;
  }
}

class LinkedList {
   
  constructor() {
   
    this.head = null;
  }
}

常用操作

// 添加节点到链表末尾
function append(data) {
   
  const newNode = new Node(data);
  if (!this.head) {
   
    this.head = newNode;
  } else {
   
    let current = this.head;
    while (current.next) {
   
      current = current.next;
    }
    current.next = newNode;
  }
}

// 删除指定数据的节点
function remove(data) {
   
  if (!this.head) return;
  if (this.head.data === data) {
   
    this.head = this.head.next;
  } else {
   
    let current = this.head;
    let prev = null;
    while (current && current.data !== data) {
   
      prev = current;
      current = current.next;
    }
    if (!current) return; // Data not found
    prev.next = current.next;
  }
}

// 遍历链表
function print() {
   
  let current = this.head;
  while (current) {
   
    console.log(current.data);
    current = current.next;
  }
}

3. 栈(Stack)

栈是一种后进先出(LIFO)的数据结构,只能在一端(称为栈顶)进行插入和删除操作。

创建栈

class Stack {
   
  constructor() {
   
    this.items = [];
  }

  push(element) {
   
    this.items.push(element);
  }

  pop() {
   
    return this.items.pop();
  }

  peek() {
   
    return this.items[this.items.length - 1];
  }

  isEmpty() {
   
    return this.items.length === 0;
  }

  size() {
   
    return this.items.length;
  }

  clear() {
   
    this.items = [];
  }
}

使用栈

const stack = new Stack();
stack.push(1);
stack.push(2);
stack.push(3);

console.log(stack.pop()); // Output: 3
console.log(stack.peek()); // Output: 2
console.log(stack.isEmpty()); // Output: false
console.log(stack.size()); // Output: 2
stack.clear();
console.log(stack.isEmpty()); // Output: true

4. 队列(Queue)

队列是一种先进先出(FIFO)的数据结构,元素只能在一端(称为队尾)插入,在另一端(称为队首)删除。

创建队列

class Queue {
   
  constructor() {
   
    this.items = [];
  }

  enqueue(element) {
   
    this.items.push(element);
  }

  dequeue() {
   
    return this.items.shift();
  }

  front() {
   
    return this.items[0];
  }

  isEmpty() {
   
    return this.items.length === 0;
  }

  size() {
   
    return this.items.length;
  }

  clear() {
   
    this.items = [];
  }
}

使用队列

const queue = new Queue();
queue.enqueue(1);
queue.enqueue(2);
queue.enqueue(3);

console.log(queue.dequeue()); // Output: 1
console.log(queue.front()); // Output: 2
console.log(queue.isEmpty()); // Output: false
console.log(queue.size()); // Output: 2
queue.clear();
console.log(queue.isEmpty()); // Output: true

以上是JavaScript中常见的几种数据结构和算法的简介。它们都有不同的特点和适用场景,在实际开发中,根据需求选择合适的数据结构和算法能够提高代码效率和可读性。

相关文章
|
8月前
|
前端开发 Java
java实现队列数据结构代码详解
本文详细解析了Java中队列数据结构的实现,包括队列的基本概念、应用场景及代码实现。队列是一种遵循“先进先出”原则的线性结构,支持在队尾插入和队头删除操作。文章介绍了顺序队列与链式队列,并重点分析了循环队列的实现方式以解决溢出问题。通过具体代码示例(如`enqueue`入队和`dequeue`出队),展示了队列的操作逻辑,帮助读者深入理解其工作机制。
285 1
|
7月前
|
Web App开发 数据采集 JavaScript
动态网页爬取:Python如何获取JS加载的数据?
动态网页爬取:Python如何获取JS加载的数据?
1250 58
232.用栈实现队列,225. 用队列实现栈
在232题中,通过两个栈(`stIn`和`stOut`)模拟队列的先入先出(FIFO)行为。`push`操作将元素压入`stIn`,`pop`和`peek`操作则通过将`stIn`的元素转移到`stOut`来实现队列的顺序访问。 225题则是利用单个队列(`que`)模拟栈的后入先出(LIFO)特性。通过多次调整队列头部元素的位置,确保弹出顺序符合栈的要求。`top`操作直接返回队列尾部元素,`empty`判断队列是否为空。 两题均仅使用基础数据结构操作,展示了栈与队列之间的转换逻辑。
|
10月前
|
存储 机器学习/深度学习 算法
C 408—《数据结构》算法题基础篇—链表(下)
408考研——《数据结构》算法题基础篇之链表(下)。
405 30
|
10月前
|
算法 调度 C++
STL——栈和队列和优先队列
通过以上对栈、队列和优先队列的详细解释和示例,希望能帮助读者更好地理解和应用这些重要的数据结构。
267 11
|
9月前
|
存储 监控 算法
关于员工上网监控系统中 PHP 关联数组算法的学术解析
在当代企业管理中,员工上网监控系统是维护信息安全和提升工作效率的关键工具。PHP 中的关联数组凭借其灵活的键值对存储方式,在记录员工网络活动、管理访问规则及分析上网行为等方面发挥重要作用。通过关联数组,系统能高效记录每位员工的上网历史,设定网站访问权限,并统计不同类型的网站访问频率,帮助企业洞察员工上网模式,发现潜在问题并采取相应管理措施,从而保障信息安全和提高工作效率。
178 7
|
10月前
|
存储 算法 C语言
C 408—《数据结构》算法题基础篇—链表(上)
408考研——《数据结构》算法题基础篇之链表(上)。
525 25
|
10月前
|
DataX
☀☀☀☀☀☀☀有关栈和队列应用的oj题讲解☼☼☼☼☼☼☼
### 简介 本文介绍了三种数据结构的实现方法:用两个队列实现栈、用两个栈实现队列以及设计循环队列。具体思路如下: 1. **用两个队列实现栈**: - 插入元素时,选择非空队列进行插入。 - 移除栈顶元素时,将非空队列中的元素依次转移到另一个队列,直到只剩下一个元素,然后弹出该元素。 - 判空条件为两个队列均为空。 2. **用两个栈实现队列**: - 插入元素时,选择非空栈进行插入。 - 移除队首元素时,将非空栈中的元素依次转移到另一个栈,再将这些元素重新放回原栈以保持顺序。 - 判空条件为两个栈均为空。
|
9月前
|
数据采集 JavaScript 前端开发
JavaScript中通过array.filter()实现数组的数据筛选、数据清洗和链式调用,JS中数组过滤器的使用详解(附实际应用代码)
用array.filter()来实现数据筛选、数据清洗和链式调用,相对于for循环更加清晰,语义化强,能显著提升代码的可读性和可维护性。博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
存储 算法 JavaScript
JavaScript 数据结构与算法 之 链表
JavaScript 数据结构与算法 之 链表