10个很棒的 JavaScript 字符串技巧

我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。

这里跟大家展示关于 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 = "
                    
                        

                            
延伸阅读
                            

                                
                                    

                                        
Laravel框架惊现高危漏洞 攻击者可肆意植入恶意脚本
                                        
Laravel 框架中出现了一个极为严重的安全漏洞（编号为 CVE-2024-13918）。攻击者能够借此在运行该流行 PHP 框架特定版本的网站上，随意执行 JavaScript 代码。这个漏洞是在
                                    
                                
                                    

                                        
n8n兼具代码灵活性和可视化简单操作的开源神器
                                        
n8n，一款兼具代码灵活性和可视化简单操作的开源神器，让这些事情分分钟搞定！它支持 400+ 应用和服务，内置 AI 能力，既能拖拽完成任务，也能用代码搞定复杂逻辑，还能自托管，掌控所有数据。什么是 
                                    
                                
                                    

                                        
Brave浏览器新增自定义脚本可以将JS注入网站 实现类似暴力猴之类的功能
                                        
Brave Browser 开发团队日前推出 v1.75 版并引入自定义脚本功能，该功能允许高级用户将自己编写的 JavaScript 脚本注入到网站或特定网站中，以实现增强自定义、隐私和可用性等。本
                                    
                                
                            
                        
                    
                    
关注公众号：拾黑（shiheibook）了解更多
                    
赞助链接：
                    

                        关注数据与安全，洞悉企业级服务市场：https://www.ijiandao.com/

                        四季很好，只要有你，文娱排行榜：https://www.yaopaiming.com/

                        让资讯触达的更精准有趣：https://www.0xu.cn/