10个很棒的 JavaScript 字符串技巧

业界 作者:SegmentFault 2022-04-09 14:20:28

作者:前端小智

介:思否百万阅读,励志退休后,回家摆地摊的人。

来源: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 = "
                    
                        
延伸阅读
  • 引流宝 开源私域流量管理神器

    引流宝是一个帮助个人和团队有效推广、引流微信私域流量的实用工具。使用这款开源软件可以减少人力成本,避免资源和流量损失。它免费提供的功能可以被商用,也可以根据需求进行二次开发。引流宝的目标是辅助你更好地

  • JavaScript 未必是最优选,下一代浏览器语言会是什么样?

    【CSDN 编者按】提及前端,JavaScript 是一门避不开的编程语言。不过在浏览器领域,本文作者认为直接使用 JavaScript 未必是最佳选择,同时在开发过程中,使用编译为 WebAssem

  • SegmentFault 思否技术周刊 — 如何有效地学习 JavaScript ?

    本期技术周刊一起了解 Javascript,欢迎大家阅读 ~文章推荐手写一个同步服务端时间的小工具 作者:jump__jump在前端开发的过程中,开发者经常会用到 new Date() 来获取当前时间

关注公众号:拾黑(shiheibook)了解更多

赞助链接:

关注数据与安全,洞悉企业级服务市场:https://www.ijiandao.com/
四季很好,只要有你,文娱排行榜:https://www.yaopaiming.com/
让资讯触达的更精准有趣:https://www.0xu.cn/