【ECMAScript6】你不得不知道系列之字符串

【ECMAScript6】你不得不知道系列之字符串

·模板字符串：

ES6新增的创建字符串的方式，使用反引号"`"定义

let name = `zhangsan`;

模板字符串可以通过“$”+”{}“符号解析变量

let name = `zhangsan`; 
let sayhello = `Hi,my name is ${name}`;
console.log(sayhello);//Hi,my name is zhangsan

模板字符串可以换行

let result = {
    name："zhangsan"，
    age = 20
}；

let html = `
<div>
<span> ${result.name} </span>
<span> ${result.age} </span>
</div>
`;
console.log(html);	//<div>
<span> zhangsan </span>
<span> 20 </span>
</div>

模板字符串可以调用函数

const fn = () => {
    return '哈'
}

let cons =`欸嘿嘿嘿 ${fn()}`;
console.log(cons);	//欸嘿嘿嘿哈

·字符串的实例方法

·startWith():表示参数字符串是否在原字符串的头部（即原字符串是否以参数字符串开头），返回布尔值；

·endWith():表示参数字符串是否在原字符串的尾部（即原字符串是否以参数字符串结尾），返回布尔值；

let str = "Hello!";
str.startWitn('Hello');//true
str.startWitn('Heo');//flase
str.endWitn('!');//true
str.endWitn('elo');//flase

·repeat()：表示将原字符串重复参数n次并返回一个新字符串

console.log("x".repeat(3));//xxx