ES6-字符串扩展

目录：

• 字符串模板
• 新增方法

字符串模板：

在这之前，我们模板通常是这样的

 let name = "swiftslee";
 let title = "IFTS"

 let node = "<li>" + name + "</li><li>" + title + "</li> "
 document.querySelector("ul").innerHTML = node

不仅繁琐，可读性也较差。在ES6中提供了字符串模板，使用反引号作为表示，即可以写多行字符串又可以嵌入变量。

 let name = "swiftslee";
 let title = "IFTS"
 let node = `<li>${name}</li>
 			<li>${title}</li>`

 document.querySelector("ul").innerHTML = node

使用${}嵌入变量，即可输出又可运算，简直不要太方便。

字符串方法：

• startsWith(str, pos)
• includes(str, pps)
• endsWith(str, pps)

这三个方法都是从字符串中检索传入的字符串，并返回一个布尔值。

startsWith(str, pos):判定字符串是否是以指定的字符串开头,第二个参数表示开始检索的位置，且包含参数，值默认为0

const say = "hello,everybody";
console.log(say.startsWith("h"));  //true

const say = "hello,everybody";
console.log(say.startsWith("e",6));//true，从索引为6开始检索是不是以e开头

includes(str, pos):判定字符串中是否包含另一个字符串，第二个参数表示起始位置

const say = "hello,everybody";
console.log(say.includes("llo")); //true

const say = "hello,everybody";
console.log(say.includes("llo",6));//false，从索引为6开始检索是否包含'llo'

endsWith(str, pos):判定字符串是否是以指定的字符串结尾，第二个参数表示字符串末尾位置，且不包含参数值，默认为字符串长度。

const say = "hello,everybody";
console.log(say.endsWith("y"));//true

const say = "hello,everybody";
console.log(say.endsWith("o",5));//true，从开始检索到索引为5且不包含5的位置，判断是不是以o结尾

更多内容：IFTS