JavaScript 缩短字符串的方法有 4 种：使用 substring() 提取指定字符范围使用 slice() 从指定范围提取或从末尾开始提取使用 split() 和 join() 限制字符数量利用内置省略号自动截断并添加省略号
如何使用 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（省略号）
一些浏览器支持在超过一定长度时自动截断字符串并在末尾添加省略号。例如：
Lorem ipsum dolor sit amet consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
登录后复制
选择合适的方法
选择缩短字符串的方法取决于具体情况。substring() 和 slice() 方法精确控制提取的字符范围，而 split() 和 join() 方法允许设置字符数限制。内置的省略号可以提供美观的解决方案，但浏览器支持可能有限。
以上就是js如何把长字符串变短的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2673876.html
