如何使用正则表达式分割以<=、>=、=、!=开头的字符串

嘿，我看你需要的是从字符串开头识别指定运算符，然后把运算符和后面的内容拆分开，但你现在用的split正则完全没击中场景——它是用来匹配被空格夹在中间的运算符的，比如abc <= def这种情况，和你要的“运算符在开头”完全不搭。咱们来搞定这个问题：

实现思路 #

核心是先判断字符串是不是以目标运算符开头，而且要注意先检查长度为2的运算符（比如<=、>=、!=），不然先查=的话，会把<=误拆成=和=value，这就错了。步骤很简单：

• 先遍历长度较长的运算符，检查字符串是否以它开头
• 匹配到的话，就把运算符和后面的内容拆成数组返回
• 没匹配到任何开头的运算符，就返回只包含原字符串的数组

代码实现 #

function splitOperatorString(str) {
  // 先放长度为2的运算符，避免短运算符优先匹配出错
  const operators = ['<=', '>=', '!=', '='];
  for (const op of operators) {
    if (str.startsWith(op)) {
      return [op, str.slice(op.length)];
    }
  }
  // 没有匹配到开头的运算符，直接返回原字符串数组
  return [str];
}

// 测试你给的示例
console.log(splitOperatorString('<=value')); // 输出: [ '<=', 'value' ]
console.log(splitOperatorString('>=value')); // 输出: [ '>=', 'value' ]
console.log(splitOperatorString('somevalue')); // 输出: [ 'somevalue' ]
// 额外测试其他运算符场景
console.log(splitOperatorString('=value')); // 输出: [ '=', 'value' ]
console.log(splitOperatorString('!=value')); // 输出: [ '!=', 'value' ]

顺带提下正则实现方式 #

如果你更喜欢用正则来做，也可以用开头匹配的正则捕获组，这样代码更简洁：

function splitWithRegex(str) {
  // 正则捕获开头的运算符和剩余内容
  const matchResult = str.match(/^(<=|>=|!=|=)(.*)$/);
  return matchResult ? [matchResult[1], matchResult[2]] : [str];
}

// 测试
console.log(splitWithRegex('=>value')); // 注意你示例里的=>，如果需要支持它，要把=>加入正则的捕获组哦
console.log(splitWithRegex('>=value')); // 输出: [ '>=', 'value' ]

哦对了，你示例里有个=>value的输入，如果需要支持=>这个运算符，记得把它加到运算符列表或者正则的捕获项里就行。

内容的提问来源于stack exchange，提问作者kiran Gopal