64 - 内置对象 - String 对象 - 字符串的截取与拼接

前端 - Javascript 《内置对象 - String 对象 - 字符串的截取与拼接》

在 JavaScript 的世界里，字符串是一种非常常见且重要的数据类型。String 对象为我们提供了许多强大的方法来处理字符串，其中字符串的截取与拼接是日常开发中使用频率极高的操作。接下来，让我们一起探索这些有趣又实用的方法吧！

字符串的截取

1. slice() 方法

slice() 方法可以从一个字符串中提取出指定位置的部分。它接受两个参数，第一个参数是开始截取的位置，第二个参数是结束截取的位置（不包含该位置的字符）。如果省略第二个参数，则会截取到字符串的末尾。

let str = "Hello, World!";
let slicedStr = str.slice(7, 12);
console.log(slicedStr); // 输出: World

2. substring() 方法

substring() 方法和 slice() 方法类似，也是用于截取字符串。它同样接受两个参数，分别是开始和结束的位置。不过，substring() 方法不接受负数参数，如果传入负数，它会将其视为 0。

let str = "Hello, World!";
let subStr = str.substring(7, 12);
console.log(subStr); // 输出: World

3. substr() 方法

substr() 方法也用于截取字符串，它的第一个参数是开始截取的位置，第二个参数是要截取的字符长度。需要注意的是，这个方法在 ES6 中已经被标记为不推荐使用，但在一些旧的代码中仍然可能会看到。

let str = "Hello, World!";
let subStr2 = str.substr(7, 5);
console.log(subStr2); // 输出: World

下面是这三种截取方法的总结表格：
| 方法名 | 参数含义 | 是否接受负数参数 | 兼容性 |
| —— | —— | —— | —— |
| slice() | 开始位置，结束位置 | 是 | 良好 |
| substring() | 开始位置，结束位置 | 否 | 良好 |
| substr() | 开始位置，截取长度 | 第一个参数是，第二个参数否 | ES6 不推荐 |

字符串的拼接

1. 加号（+）运算符

在 JavaScript 中，最简单的字符串拼接方法就是使用加号运算符。我们可以直接将多个字符串用加号连接起来。

let str1 = "Hello";
let str2 = " World!";
let combinedStr = str1 + str2;
console.log(combinedStr); // 输出: Hello World!

2. concat() 方法

concat() 方法可以将一个或多个字符串连接到调用该方法的字符串的末尾，并返回一个新的字符串。

let str1 = "Hello";
let str2 = " World!";
let combinedStr2 = str1.concat(str2);
console.log(combinedStr2); // 输出: Hello World!

3. 模板字符串

ES6 引入了模板字符串，它使用反引号（`）来包裹字符串，可以在其中嵌入变量和表达式，让字符串的拼接变得更加直观和方便。

let name = "John";
let message = `Hello, ${name}!`;
console.log(message); // 输出: Hello, John!

综上所述，JavaScript 为我们提供了丰富多样的字符串截取和拼接方法。在实际开发中，我们可以根据具体的需求和场景选择合适的方法来处理字符串。无论是简单的拼接还是复杂的截取操作，这些方法都能帮助我们轻松应对，让我们在处理字符串时更加得心应手。