如何使用 JavaScript 缩短长字符串

缩短长字符串在 JavaScript 中有几个方法：

1. 使用 substring() 方法

该方法可从字符串中提取指定范围的字符，例如：

const longString = "Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
const shortString = longString.substring(0, 10); // 提取前 10 个字符
console.log(shortString); // 输出：Lorem ipsu

2. 使用 slice() 方法

与 substring() 类似，slice() 方法也可从字符串中提取指定范围的字符，但它还可以使用负数索引从字符串末尾开始提取。例如：

const longString = "Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
const shortString = longString.slice(0, -10); // 提取前所有字符，除了最后 10 个
console.log(shortString); // 输出：Lorem ipsum dolor sit amet consectetur adipiscing

3. 使用 split() 和 join() 方法

split() 方法可以将字符串按指定分隔符拆分为数组，join() 方法可以将数组重新连接为字符串。通过组合这两者，我们可以限制字符串中的字符数。例如：

const longString = "Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.";
const shortStringLength = 20;
const shortString = longString.split(' ').slice(0, shortStringLength).join(' ');
console.log(shortString); // 输出：Lorem ipsum dolor sit amet consectetur adipiscing elit

4. 使用内置的 ellipsis（省略号）

一些浏览器支持在超过一定长度时自动截断字符串并在末尾添加省略号。例如：

<p>Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

选择合适的方法

选择缩短字符串的方法取决于具体情况。substring() 和 slice() 方法精确控制提取的字符范围，而 split() 和 join() 方法允许设置字符数限制。内置的省略号可以提供美观的解决方案，但浏览器支持可能有限。