17370845950

本文详解如何避免因末尾逗号或空格导致的关键词误计数，通过 `split()` 配合 `filter()` 清洗空字符串，实现真正语义化的关键词计数。

在 Web 表单中，用户常以英文逗号（,）分隔多个关键词（如 "JavaScript, HTML, CSS"），开发者自然想到用 String.prototype.split(",") 获取关键词数组并取 .length。但该方法仅按字符切分，不关心语义——例如 "word1, word2," 会被拆为 ["word1", " word2", ""]，长度为 3，而实际有效关键词只有 2 个（末尾空字符串应被忽略）。

正确做法是：先分割，再过滤掉空白项（包括纯空字符串、仅空格/制表符等）。推荐使用 filter() 配合 trim() 确保健壮性：

function countKeywords(inputToCheckId) {
    const content = $('#' + inputToCheckId).val() || '';
    return content
        .split(',')
        .map(str => str.trim())      // 去除每个片段首尾空格（处理 "a, b , c"）
        .filter(str => str !== '')   // 过滤掉空字符串
        .length;
}

✅ 示例验证：

• "word1,word2,word3" → ["word1","word2","word3"] → 长度 3
• "word1, word2, " → ["word1","word2",""] → trim() 后为 ["word1","word2",""] → 过滤后 ["word1","word2"] → 长度 2
• ", ,abc,," → 分割 + trim 后为 ["","","abc","",""] → 过滤后 ["abc"] → 长度 1

⚠️ 注意事项：

立即学习“Java免费学习笔记（深入）”；

• 避免直接 split(",").length —— 它统计的是分隔符数量 + 1，而非有效关键词；
• 务必调用 .trim()，否则 "keyword, " 中的 " " 会被保留，导致 filter(str => str !== '') 仍无法清除；
• 若需支持中文顿号（、）、分号（;）等多分隔符，可改用正则：content.split(/[,;、\s]+/)，再配合 filter(Boolean)（利用 Boolean("") === false 的特性）进一步简化。

总结：关键词计数不是字符串切分问题，而是数据清洗 + 语义提取过程。始终以用户输入的真实意图为准——空、全空格、仅分隔符，都不应计入有效关键词。