ES6 字符串的拓展

最新推荐文章于 2025-08-21 17:07:17 发布

斯诺伐克

最新推荐文章于 2025-08-21 17:07:17 发布

阅读量126

点赞数

CC 4.0 BY-SA版权

分类专栏： es6 文章标签： es6

本文链接：https://blog.youkuaiyun.com/qw2319205chu/article/details/88887415

es6 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了JavaScript中处理字符串的一些常用方法，包括includes(), startsWith(), endsWith()等用于判断子串是否存在，repeat()用于重复字符串，padStart(), padEnd()用于字符串两端填充，以及使用模板字符串进行多行和变量嵌入的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

includes(), startsWith(), endsWith()

includes()：返回布尔值，表示是否找到了参数字符串。
startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。

let s = 'Hello world!';
s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

repeat()

repeat方法返回一个新字符串，表示将原字符串重复n次

'x'.repeat(3) // "xxx"
'hello'.repeat(2) // "hellohello"
'na'.repeat(0) // ""
'na'.repeat(2.9) // "nana"   小数会被整取
'na'.repeat(-1) //负数或者Infinity报错

padStart()，padEnd()

padStart()用于头部补全
padEnd()用于尾部补全
第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax'

'x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

模板字符反引号

// 普通字符串
`In JavaScript '\n' is a line-feed.`

// 多行字符串
`In JavaScript this is
 not legal.`

console.log(`string text line 1
string text line 2`);

// 字符串中嵌入变量
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`