如果搜索文本与数组中的可用文本匹配，如何突出显示数据？

// 假设有一个包含文本的数组
const texts = ["Lorem ipsum dolor sit amet", "consectetur adipiscing elit", "sed do eiusmod tempor", "incididunt ut labore et dolore", "magna aliqua"];

// 假设搜索文本为 "dolor"
const searchText = "dolor";

// 用于存储突出显示后的文本的数组
const highlightedTexts = [];

// 遍历数组中的每个文本元素
texts.forEach(text => {
  // 判断搜索文本是否与该文本元素匹配
  if (text.includes(searchText)) {
    // 使用<span>标签包裹匹配的文本，并为其添加样式
    const highlightedText = text.replace(new RegExp(searchText, "gi"), match => `<span class="highlight">${match}</span>`);
    highlightedTexts.push(highlightedText);
  }
});

// 将突出显示后的文本数组展示给用户或进行后续处理
console.log(highlightedTexts);