一、模板字符串:
ES6新增了创建字符串的方式,使用反引号来定义``。
声明一个模板字符串:
let name = `我是一个模板字符串`;
console.log(name); // 和普通字符串一样可以输出内容
模板字符串的特点:
1.模板字符串可以解析变量
// 普通字符串需要拼接,而模板字符串直接使用${}就可以
let name = `Alice`;
let sayHello = `大家好,我叫${name}`;
console.log(sayHello); // 输出:大家好,我叫Alice
2.模板字符串中可以换行,看起来更直观
let person = {
name:"Bob",
age:21,
sex:"男"
}
// 普通字符串是无法换行的
let info = `
<div>
<span>${person.name}</span>
<span>${person.age}</span>
<span>${person.sex}</span>
</div>
`
console.log(info);
3.模板字符串可以调用函数
let fn = () => "模板字符串可以调用我";
let info = `我是一个模板字符串${fn()}`;
console.log(info); // 输出:我是一个模板字符串模板字符串可以调用我
二、String的实例方法:startsWith()和endsWith()
startsWith():表示参数字符串是否在原字符串的头部,返回布尔值true/false;
endsWith():表示参数字符串是否在原字符串的尾部,反而布尔值true/false。
let str = "hello everybody";
let start = str.startsWith("h");
let end = str.endsWith("everybody");
// 如果是str.startsWith("e") 结果就是false了
console.log(start); // true
console.log(end); // true
三、String的实例方法:repeat()
repeat()方法表示将原字符串重复N次,然后返回一个新字符串。
let str = "a";
let newStr = str.repeat(3);
let newStr2 = str.repeat(2);
console.log(newStr); // aaa
console.log(newStr2); // aa
</script>