在开发 Web 应用程序时，截取字符串是一个非常常见的操作。JavaScript 提供了几种方式，可以高效地截取字符串。本篇文章将介绍这些方式，以及如何在不同情况下使用它们。

1. 使用 substr() 方法

substr() 方法可以从字符串中返回指定数目的字符。语法如下：

```

string.substr(start, length)

```

其中，start 是截取的起始位置，length 是截取的长度。如果省略 length，则将返回从起始位置到字符串末尾的所有字符。例如：

```javascript

let str = "Hello World!";

let res = str.substr(6, 5);

console.log(res); // World

```

在上述代码中，从位置 6 开始，截取长度为 5 的字符串。

2. 使用 substring() 方法

substring() 方法很像 substr() 方法，但它使用的是起始和结束位置，而不是起始位置和长度。语法如下：

```

string.substring(start, end)

```

其中，start 是截取的起始位置，end 是截取的结束位置，但不包括 end 所在的字符。例如：

```javascript

let str = "Hello World!";

let res = str.substring(6, 11);

console.log(res); // World

```

在上述代码中，从位置 6 开始，截取到位置 11 但不包括位置 11 的字符。

需要注意的是，如果 start 大于 end，则 substring() 方法会自动交换这两个参数。

```javascript

let str = "Hello World!";

let res = str.substring(11, 6);

console.log(res); // World

```

在上述代码中，交换了起始和结束位置，但结果仍然正确。

3. 使用 slice() 方法

slice() 方法是另一个截取字符串的方法，它与 substring() 方法非常相似。slice() 方法也使用起始位置和结束位置，不过可以从字符串的末尾开始计数。语法如下：

```

string.slice(start, end)

```

其中，start 是截取的起始位置（可以是负数，表示从末尾开始计数），end 是截取的结束位置，但不包括 end 所在的字符。例如：

```javascript

let str = "Hello World!";

let res = str.slice(6, -1);

console.log(res); // World

```

在上述代码中，从位置 6 开始，截取到字符串的倒数第二个字符。

需要注意的是，如果 start 大于 end，则 slice() 方法会返回一个空字符串。如果没有指定 end，则 slice() 方法将返回从起始位置到字符串末尾的所有字符。

4. 使用 split() 方法

split() 方法可以将字符串拆分成字符串数组，并可以指定分隔符。截取字符串可以通过这种方式来实现。例如：

```javascript

let str = "Hello World!";

let res = str.split(" ")[1];

console.log(res); // World!

```

在上述代码中，通过空格将字符串拆分成了两个字符串，然后取第二个字符串。

这种方法非常适用于需要分割字符串的情况，但需要注意的是，这种方法可能会导致性能问题，因为它会创建一个新的数组。

5. 使用正则表达式

正则表达式也是一种截取字符串的方法。可以使用 match() 方法或 exec() 方法来从字符串中提取符合特定模式的字符。例如：

```javascript

let str = "Hello123 World456";

let res = str.match(/\d+/)[0];

console.log(res); // 123

```

在上述代码中，通过正则表达式提取了字符串中的数字部分。

需要注意的是，这种方法的效率会比较低，因为它需要正则表达式的匹配过程。如果需要处理大量字符串，建议使用其他方法。

总结

以上就是 JavaScript 中高效截取字符串的方法。针对不同的场景，可以使用不同的方法来实现。需要注意的是，在处理大量字符串时，应该选择性能更好的方法来避免影响应用程序的性能。