ES6 String的扩展方法、模板字符串

燕朝明
2023-12-01

模板字符串

ES6新增的创建字符串的方式,使用反引号定义。

let name = `zhangsan`;

 模板字符串可以解析变量

let name = '张三';
let sayHello = `hello,my name is ${name}`; //hello,my name is zhangsan 

举例:

let name = '张三';
let sayHello = `Hello,我的名字叫${name}`;
console.log(sayHello);  //Hello,我的名字叫张三

模板字符串可以换行

let result = {
    name:'zhangsan',
    age:20,
    sex:'男'
}
let html = `<div>
<span>${result.name}</span>
<span>${result.age}</span>
<span>${result.sex}</span>
</div>`;

String 的扩展方法

实例方法:startsWith() 和endsWith()

startsWith() :表示参数字符串是否在原字符串的头部,返回布尔值

endsWith():表示参数字符串是否在原字符串的尾部,返回布尔值

let str = 'Hello world!';
str.startsWith('Hello') //true
str.endsWith('!') //true

实例方法:repeat()

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

'x'.repeat(3)  //"xxx"

 类似资料: