如何在JavaScript的find函数中使用正则实现标题匹配？

原始数据与需求 #

给定如下学生数据数组：

let temp = [{
    "title": "Student Details",
    "education": "under graduate",
    "studentId": "xyz202267"
},
{
    "title": "Student details",
    "education": "under graduate",
    "studentId": "xyz202234"
}]

需要将输入的标题（如studentdetails）与数组中对象的title进行匹配，忽略空格和大小写差异。

你写的代码及疑问 #

你尝试了以下代码，但担心会修改原对象：

let input = 'studentdetails'
const ans = temp.find(obj => obj.title.replace(/ /g,'').toLowerCase() === input)

解答 #

原代码不会修改原对象 #

你完全不需要担心，因为replace()和toLowerCase()都是字符串的非破坏性方法——它们不会改变原字符串，而是返回一个新的处理后的字符串。原对象中的title属性会保持原样，不会被修改。

可优化的实现方式 #

如果要让代码更清晰或提升性能（尤其当数组很大时），可以做以下优化：

1. 统一处理输入与匹配逻辑

let input = 'studentdetails';
// 提前标准化输入（通用场景下避免重复处理）
const normalizedInput = input.toLowerCase();

const matchedStudent = temp.find(obj => {
  // 标准化当前对象的title，不修改原对象
  const normalizedTitle = obj.title.replace(/\s/g, '').toLowerCase();
  return normalizedTitle === normalizedInput;
});

2. 预处理数组（适合多次匹配场景）
   如果需要多次进行标题匹配，可以提前给数组中的每个对象添加标准化后的标题字段，避免每次匹配都重复处理字符串：

// 预处理数组，生成包含标准化标题的新对象，不修改原数组元素
const processedStudents = temp.map(student => ({
  ...student,
  normalizedTitle: student.title.replace(/\s/g, '').toLowerCase()
}));

// 后续匹配直接使用预处理后的字段
let input = 'studentdetails';
const matchedStudent = processedStudents.find(item => item.normalizedTitle === input);
// 如果需要原对象，直接取即可，扩展运算符保留了原属性的引用

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