JavaScript 中 String 类型的截取与连接操作

JavaScript字符串截取推荐slice()，支持负索引且语义清晰；substring自动交换参数但不支持负数；substr已废弃。连接推荐模板字面量，split()可按分隔符转数组，需注意空字符串和正则用法。

JavaScript 中字符串的截取和连接是日常开发中最常用的操作，核心在于理解各方法的参数含义、边界行为和返回值类型，避免常见陷阱（比如负索引、越界、原字符串不可变等）。

截取字符串：slice、substring、substr 的区别与用法

三种方法都返回新字符串，不修改原字符串。关键差异在参数处理逻辑：

• slice(start, end)：支持负数索引（从末尾计数），end 不包含；start > end 时返回空字符串；超出范围自动截断（如 slice(2, 100) 在长度为 5 的字符串上只取到末尾）。
• substring(start, end)：不支持负数，负数会被转为 0；自动交换 start/end 大小（substring(3, 1) 等价于 substring(1, 3)）。
• substr(start, length)：第二个参数是长度而非结束位置；已废弃（ECMAScript 标准中不推荐使用），应避免在新项目中使用。

推荐统一使用 slice()，语义清晰且兼容负索引，例如：
"hello".slice(-3) → "llo"，"world".slice(1, 4) → "orl"。

按分隔符截取：split() 与数组操作结合

split(separator, limit) 将字符串按指定分隔符转为数组，适合结构化提取：

• separator 可以是字符串或正则表达式，如 "a,b,c".split(",") → ["a","b","c"]；
• limit 控制返回数组最大长度，"x-y-z-w".split("-", 2) → ["x","y"]；
• 空字符串调用 split("") 可逐字符拆分；正则如 split(/s+/) 能处理多个空白符。

注意：split("") 在空字符串上返回 [""]，不是空数组。

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

字符串连接：+、concat() 和模板字面量

连接方式多样，适用场景不同：

• 加号 (+) 最常用，隐式转换（如 "num: " + 42 → "num: 42"），但大量拼接性能略低；
• concat() 接收多个参数或数组，返回新字符串，"a".concat("b", "c") → "abc"，但基本被 + 或模板字面量替代；
• 模板字面量（反引号） 支持嵌入表达式和多行，可读性高：`Hello ${name}! You have ${count} messages.`。

实用技巧：安全截取与动态连接

实际开发中常需容错处理：

• 防止越界：用 str.slice(0, n) 替代 str.substring(0, n) 更稳妥，无需判断长度；
• 安全取后几位：用 str.slice(-n)，即使 n 大于长度也只返回全部；
• 条件连接：用数组 filter + join 避免冗余分隔符，如 [a, b, c].filter(Boolean).join(", ")。

不复杂但容易忽略细节。