正则匹配内容高亮展示(不区分大小写, 全角半角)

最新推荐文章于 2024-04-01 08:48:59 发布

suo172

最新推荐文章于 2024-04-01 08:48:59 发布

阅读量277

点赞数

文章标签：前端 javascript 正则表达式

本文链接：https://blog.csdn.net/suo172/article/details/132173121

版权

@[TOC](这正则匹配内容高亮展示(不区分大小写, 全角半角)里写自定义目录标题)

正则匹配内容高亮展示(不区分大小写, 全角半角)

export function highlight(searchKey, text) {
  let tempText = text;
  if (searchKey) {
    // i 忽略大小写  g 全局
    let keyHalf, keyFull;
    // 全角
    keyHalf = Q2B(searchKey);
    keyFull = B2Q(searchKey);
    const regExp = new RegExp(keyHalf + '|' + keyFull, 'gi');
    tempText = tempText.replace(regExp, function (match) {
      return '<span  style="color: #F55047">' + match + '</span>';
    });
  }
  return tempText;
}

/**
 * 全角转半角
 * @param {*} str
 * @returns
 */
function Q2B(str) {
  var result = '';
  let code = null;
  for (var i = 0; i < str.length; i++) {
    code = str.charCodeAt(i);
    if (code >= 65281 && code <= 65374) {
      result += String.fromCharCode(str.charCodeAt(i) - 65248);
    } else if (code == 12288) {
      result += String.fromCharCode(str.charCodeAt(i) - 12288 + 32);
    } else {
      result += str.charAt(i);
    }
  }
  return result;
}
/**
 * 半角转全角
 * @param {*} str
 */
function B2Q(str) {
  var result = '';
  let code = null;
  for (var i = 0; i < str.length; i++) {
    code = str.charCodeAt(i);
    if (code >= 33 && code <= 126) {
      result += String.fromCharCode(str.charCodeAt(i) + 65248);
    } else if (code == 32) {
      result += String.fromCharCode(str.charCodeAt(i) + 12288 - 32);
    } else {
      result += str.charAt(i);
    }
  }
  return result;
}