当前位置:首页 > JavaScript

js函数实现大括号匹配

2026-01-31 09:01:37JavaScript

大括号匹配的 JavaScript 实现

大括号匹配是指检查字符串中的大括号 {} 是否成对出现且嵌套正确。以下是几种实现方法:

js函数实现大括号匹配

使用栈结构进行匹配

栈是解决括号匹配问题的经典数据结构。遍历字符串时,遇到左括号压栈,遇到右括号弹栈并检查是否匹配。

js函数实现大括号匹配

function isBalanced(str) {
  const stack = [];
  const pairs = { '{': '}' };

  for (let char of str) {
    if (pairs[char]) {
      stack.push(char);
    } else if (char === '}') {
      if (stack.length === 0 || pairs[stack.pop()] !== char) {
        return false;
      }
    }
  }

  return stack.length === 0;
}

简化计数器版本

如果不考虑嵌套层级,仅检查数量是否匹配,可以使用计数器实现:

function isSimpleBalanced(str) {
  let count = 0;
  for (let char of str) {
    if (char === '{') count++;
    if (char === '}') count--;
    if (count < 0) return false; // 右括号出现在左括号前
  }
  return count === 0;
}

处理多类型括号扩展

需要同时匹配多种括号类型时(如 {}, [], ()),扩展栈方法:

function isMultiBalanced(str) {
  const stack = [];
  const pairs = { '{': '}', '[': ']', '(': ')' };

  for (let char of str) {
    if (pairs[char]) {
      stack.push(char);
    } else if (Object.values(pairs).includes(char)) {
      if (stack.length === 0 || pairs[stack.pop()] !== char) {
        return false;
      }
    }
  }

  return stack.length === 0;
}

测试用例示例

console.log(isBalanced('{}{}')); // true
console.log(isBalanced('{{}')); // false
console.log(isBalanced('}{')); // false
console.log(isMultiBalanced('{[()]}')); // true

注意事项

  • 空字符串应返回 true(视为有效匹配)
  • 非括号字符应被忽略
  • 右括号不能出现在对应的左括号之前
  • 栈最终必须为空才能判定为完全匹配

标签: 括号函数
分享给朋友:

相关文章

jquery 函数

jquery 函数

jQuery 函数基础 jQuery 是一个快速、简洁的 JavaScript 库,通过封装原生 JavaScript 功能简化 DOM 操作、事件处理、动画等。核心函数 $() 或 jQuery()…

php 函数实现

php 函数实现

PHP 函数实现基础 PHP 函数的定义使用 function 关键字,后跟函数名和参数列表。函数名不区分大小写,但建议保持一致。 function functionName($param1, $p…

vue实现函数曲线

vue实现函数曲线

Vue 实现函数曲线的方法 在 Vue 中实现函数曲线通常需要结合 HTML5 的 Canvas 或 SVG 技术,以及 JavaScript 的数学计算能力。以下是几种常见的方法: 使用 Canv…

vue实现异步函数

vue实现异步函数

Vue 中实现异步函数的几种方法 使用 async/await 在 Vue 方法或生命周期钩子中可以直接使用 async/await 语法处理异步操作。这种方式代码更清晰,易于理解。 method…

vue组件实现函数调用

vue组件实现函数调用

实现 Vue 组件函数调用的方法 在 Vue 组件中实现函数调用可以通过多种方式完成,以下是常见的几种方法: 通过 methods 定义并调用函数 在 Vue 组件的 methods 选项中定义函…

vue中实现节流函数

vue中实现节流函数

使用 Lodash 的 _.throttle 方法 安装 Lodash 并导入 throttle 方法: npm install lodash 在 Vue 组件中使用: import { th…