本文介绍使用 javascript 从两个换行分隔的文本输入中高效提取“非重复值”——即仅在其中一个输入中出现、不在两者中同时存在的字符串，如姓名列表的差集运算。
本文介绍使用 javascript 从两个换行分隔的文本输入中高效提取“非重复值”——即仅在其中一个输入中出现、不在两者中同时存在的字符串，如姓名列表的差集运算。
在处理用户输入的名单对比场景（例如版本比对、人员变更追踪）时，常需找出「只存在于第一个输入或第二个输入中」的项，即对称差集（symmetric difference）。原始代码试图通过拼接+空格分割来识别重复，但存在严重逻辑缺陷：它将两数组按行索引强行合并（xArr[index] + ' ' + yArr[index]），不仅忽略长度不等的情况，还因空格分割破坏了含空格的姓名（如 Mary Jane），且无法区分跨行重复。
✅ 正确思路是：合并所有项 → 统计频次 → 筛选出现次数为 1 的项。以下是优化后的完整实现：
<input type="text" id="old" placeholder="输入1（换行分隔）" rows="3"><br><input type="text" id="new" placeholder="输入2（换行分隔）" rows="3"><br><input type="text" id="ResultField" readonly placeholder="结果（仅出现一次的值）"><br><button onclick="myFunction()">计算非重复值</button>
function myFunction() {
const text1Element = document.getElementById('old');
const text2Element = document.getElementById('new');
const resultElement = document.getElementById('ResultField');
const x = text1Element.value.trim();
const y = text2Element.value.trim();
// 按换行符分割，过滤空行（避免空字符串干扰统计）
const xArr = x ? x.split('\n').map(s => s.trim()).filter(s => s) : [];
const yArr = y ? y.split('\n').map(s => s.trim()).filter(s => s) : [];
// 合并两个数组
const both = [...xArr, ...yArr];
// 统计每个值的出现次数（健壮处理空格、大小写敏感等）
const counts = both.reduce((acc, name) => {
acc[name] = (acc[name] || 0) + 1;
return acc;
}, {});
// 筛选出仅出现 1 次的项，并用换行符连接
const uniqueValues = both.filter(name => counts[name] === 1);
resultElement.value = uniqueValues.join('\n');
}
? 关键注意事项：
-
空行与空白字符：使用
.trim()和.filter(s => s)清理无效输入，防止'John'与'John '被视为不同项； -
大小写敏感：当前实现区分大小写（
John≠john）。如需忽略大小写，可统一转为小写后再统计：const key = name.trim().toLowerCase()； -
性能优势：该方案时间复杂度为 O(n)，空间复杂度 O(n)，远优于嵌套循环或多次
indexOf查找； -
扩展性：若需支持逗号分隔等格式，只需调整
split()分隔符（如split(/[,;\s]+/)）并增强清洗逻辑。
此方法简洁、健壮、可读性强，适用于各类文本差异提取场景，是前端数据对比任务的推荐实践。
