10 个很棒的 JavaScript 字符串技巧

201 阅读1分钟

字符串是几乎所有编程语言中的基本类型之一,因此,在今天这篇文章中,分享10个关于JavaScript 字符串的知识技巧。

1. JavaScript 多次复制一个字符串

const str = '前端界的CV大师 '.repeat(3)
consol.log(str) // "前端界的CV大师 前端界的CV大师 前端界的CV大师 "

const num = '123'.repeat(8)
console.log(num) // "123123123123123123123123"

2. JavaScript 字符串填充到指定长度

// 在开头添加“0”,直到字符串长度为8.
const str = '1'.padStart(8, '0')
console.log(str) // "00000001"

// 在末尾添加“*”,直到字符串长度为5.
const str = "12".padEnd(5, "*")
console.log(str) // "12***"

3. JavaScript 字符串分割成一个字符数组

const str = '前端界的CV大师'
const strArr = [...str] 
console.log(strArr) // ['前', '端', '界', '的', 'C', 'V', '大', '师']

4. JavaScript 英文字符串首字母大写

let word = 'hello word'
word = word[0].toUpperCase() + word.substr(1)
console.log(word) // 'Hello word'

5. JavaScript 字符串反转

const str = "hello world"
const reversedStr = [...str].reverse().join("")
console.log(reversedStr) // 'dlrow olleh'

6. JavaScript 多个分隔符上拆分字符串

const str = "Jack,Marry;Tom"
const strArr = str.split(/[,;]/)
console.log(strArr); // ['Jack', 'Marry', 'Tom']

7. JavaScript 检查字符串是否包含特定序列

const str = "Hello, world! this is a string!"
console.log(str.includes("string")); // true

8. JavaScript 检查字符串是否以特定序列开始或结束

const str = "Hello, world! this is a string!"
console.log(str.startsWith("Hello")); // true
console.log(str.endsWith("world")); // false

9. JavaScript 替换所有出现的字符串

const str = "大家好,我是前端CV大师,前端CV大师向大家问好."
console.log(str.replaceAll("大师", "菜鸟")); // '大家好,我是前端CV菜鸟,前端CV菜鸟向大家问好.'

10. JavaScript 字符串去除空格

const str = ' hello '
// 去除全部空格
console.log(str.trim()) // 'hello'
// 去除前空格
console.log(str.trimStart()) // 'hello '
// 去除后空格
console.log(str.trimEnd()) // ' hello'
// trimStart() 与 trimLeft() 一样
// trimEnd() 与 trimRight() 一样