作者：Kai
译者：前端小智
起源：dev
点赞再看，微信搜寻【大迁世界】关注这个没有大厂背景，但有着一股向上踊跃心态人。本文 GitHub https://github.com/qq44924588... 上曾经收录，文章的已分类，也整顿了很多我的文档，和教程材料。**

最近开源了一个 Vue 组件，还不够欠缺，欢送大家来一起欠缺它，也心愿大家能给个 star 反对一下，谢谢各位了。

github 地址：https://github.com/qq44924588...

咱们称一个字符序列为字符串。这简直是所有编程语言中都有的根本类型之一。这里跟大家展现对于 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 = "????"console.log(word.length) // 2

日本汉字????返回length为2，为什么？ JS 将大多数字符示意为16位代码点。 然而，某些字符示意为两个（或更多）16 位代码点，称为代理对。 如果应用的是length属性，JS 通知你应用了多少代码点。 因而，????（hokke）由两个代码点组成，返回谬误的值。

那怎么去判断呢，应用解构操作符号(...)

const word = "????"const characters = [...word]console.log(characters.length) // 1

这种办法在大多数状况下都无效，然而有一些极其状况。 例如，如果应用表情符号，则有时此长度也是谬误的。 如果真想计算字符正确长度，则必须将单词合成为 字素簇(Grapheme Clusters) ，这超出了本文的范畴，这里就不在这阐明。

5.如何反转字符串中的字符

反转字符串中的字符是很容易的。只需组合扩大操作符(...)、Array.reverse办法和Array.join办法。

const word = "apple"const reversedWord = [...word].reverse().join("")console.log(reversedWord) // "elppa"

和后面一样，也有一些边缘状况。遇到边缘的状况就有须要首先将单词拆分为字素簇。

6. 如何将字符串中的第一个字母大写

一个十分常见的操作是将字符串的第一个字母大写。尽管许多编程语言都有一种本地办法来实现这一点，但 JS 须要做一些工作。

let word = 'apply'word = word[0].toUpperCase() + word.substr(1)console.log(word) // "Apple"

另一种办法:

// This shows an alternative waylet word = "apple";// 应用扩大运算符（`...`）拆分为字符const characters = [...word];characters[0] = characters[0].toUpperCase();word = characters.join("");console.log(word); // "Apple"

7.如何在多个分隔符上宰割字符串

假如咱们要在分隔符上宰割字符串，第一想到的就是应用split办法，这点，智米们必定晓得。 然而，有一点大家可能不晓得，就是split能够同时拆分多个分隔符, 应用正则表达式就能够实现：

// 用逗号(,)和分号(;)离开。const list = "apples,bananas;cherries"const fruits = list.split(/[,;]/)console.log(fruits); // ["apples", "bananas", "cherries"]

8.如何查看字符串是否蕴含特定序列

字符串搜寻是一项常见的工作。 在 JS 中，你能够应用String.includes办法轻松实现此操作。 不须要正则表达式。

const text = "Hello, world! My name is Kai!"console.log(text.includes("Kai")); // true

9.如何查看字符串是否以特定序列结尾或结尾

在字符串的结尾或结尾进行搜寻，能够应用String.startsWith和String.endsWith办法。

const text = "Hello, world! My name is Kai!"console.log(text.startsWith("Hello")); // trueconsole.log(text.endsWith("world")); // false

10.如何替换所有呈现的字符串

有多种办法能够替换所有呈现的字符串。 能够应用String.replace办法和带有全局标记的正则表达式。 或者，能够应用新的String.replaceAll办法。 请留神，并非在所有浏览器和Node.js 版本中都可用此新办法。

const text = "I like apples. You like apples."console.log(text.replace(/apples/g, "bananas"));// "I like bananas. You like bananas."console.log(text.replaceAll("apples", "bananas"));// "I lik

总结

字符串是简直所有编程语言中最根本的数据类型之一。同时，它也是新开发人员学习的最早的数据类型之一。然而，尤其是在JavaScript中，许多开发人员并不知道对于字符串的一些乏味的细节。心愿此文对你有所帮忙。

我是小智，咱们下期见。

代码部署后可能存在的BUG没法实时晓得，预先为了解决这些BUG，花了大量的工夫进行log 调试，这边顺便给大家举荐一个好用的BUG监控工具 Fundebug。

原文：https://dev.to/kais_blog/10-a...

交换

文章每周继续更新，能够微信搜寻「 大迁世界 」第一工夫浏览和催更（比博客早一到两篇哟），本文 GitHub https://github.com/qq449245884/xiaozhi 曾经收录，整顿了很多我的文档，欢送Star和欠缺，大家面试能够参照考点温习，另外关注公众号，后盾回复福利，即可看到福利，你懂的。