10个很棒的 JavaScript 字符串技巧
作者:前端小智
简介:思否百万阅读,励志退休后,回家摆地摊的人。
来源:SegmentFault 思否社区
我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。
这里跟大家展示关于 JS 字符串的10个很棒的技巧,你可能还不知道哦?
1.如何多次复制一个字符串
JS 字符串允许简单的重复,与纯手工复制字符串不同,我们可以使用字符串的repeat方法。
const laughing = '小智'.repeat(3)
consol.log(laughing) // "小智小智小智"
const eightBits = '1'.repeat(8)
console.log(eightBits) // "11111111"
2. 如何填充一个字符串到指定的长度
有时,我们希望字符串具有特定长度。如果字符串太短,则需要填充剩余空间,直到达到指定的长度为止。
过去,主要还是使用库 left-pad。但是,今天我们可以使用padStart和SpadEnd方法,选择哪种方法取决于是在字符串的开头还是结尾填充字符串。
// 在开头添加 "0",直到字符串的长度为 8。
const eightBits = '001'.padStart(8, '0')
console.log(eightBits) // "00000001"
//在末尾添加“ *”,直到字符串的长度为5。
const anonymizedCode = "34".padEnd(5, "*")
console.log(anonymizedCode) // "34***"
3. 如何将字符串拆分为字符数组
有多种方法可以将字符串分割成字符数组,我更喜欢使用扩展操作符(...):
const word = 'apple'
const characters = [...word]
console.log(characters) // ["a", "p", "p", "l", "e"]
注意,这并不总是像预期的那样工作。有关更多信息,请参见下一个技巧。
4.如何计算字符串中的字符
可以使用length属性。
const word = "apple";
console.log(word.length) // 5
但对于中文来说,这个方法就不太靠谱。
const word = "
延伸阅读
谷歌推出Chrome紧急更新v138.0.7204.97修复已经被黑客利用的高危漏洞
谷歌刚刚为 Chrome 浏览器推出紧急安全更新用于修复 JavaScript v8 引擎中的高危安全漏洞,该漏洞编号 CVE-2025-6554,属于 v8 引擎中的类型混淆漏洞。目前已经有黑客利用
Mind-Map国产纯前端思维导图神器
Mind-Map是一个JS思维导图库,完全运行在前端。这意味着你不需要额外的后端支持,直接集成到自己的web项目里就能用。作者把它设计成两部分:• 思维导图核心• 一个简易的web操作界面整个库不依赖
Laravel框架惊现高危漏洞 攻击者可肆意植入恶意脚本
Laravel 框架中出现了一个极为严重的安全漏洞(编号为 CVE-2024-13918)。攻击者能够借此在运行该流行 PHP 框架特定版本的网站上,随意执行 JavaScript 代码。这个漏洞是在
关注公众号:拾黑(shiheibook)了解更多
赞助链接:
关注数据与安全,洞悉企业级服务市场:https://www.ijiandao.com/
四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/

随时掌握互联网精彩
- 朱海舟体验罗永浩旗下AI助理J1 Assistant:原汁原味的锤科风格
- 英镑兑换人民币汇率2024年5月6日
- 日元对人民币汇率2023年10月24日
- 【新春走基层】“指尖”上的医院
- Meta 被指别有用心;脉脉以旷工为由辞退员工被判罚;Android 版灵动岛插件上线|思否周刊
- 2022中国企业500强发布:三大运营商跻身榜单前100
- 首批入驻!统信金融联合实验室落地长三角金融信创联合攻关基地
- 数字化转型要避免“唯技术论”!
- 【周末荐书】全面体验管理TXM:用体验思维打造全新增长曲线
- 马斯克突然叫停推特收购,“分手费”高达66亿,推特回应:咱们法庭见
- 电动车将成未来趋势,再过几年燃油车会彻底消失吗?
- 小米举办春季发布会;索尼将关闭 PS3 等线上游戏商店;微信iOS版更新|Do早报