ES6+ 新增字符串方法
【摘要】 本片整理记录个人所学 ES6+ 新增字符串方法。
ES6+ 新增字符串方法
str.includes()
Boolean str.includes(valueToFind[, fromIndex]) 判断字符串是否包含一个指定的值
详细： 参考数组的 includes
let str = "rockyyee";
let res = str.includes("yee");
console.log(res); // true
let res2 = str.includes("f4");
console.log(res2); // false
str.startsWith()
Boolean str.startsWith(searchString[, position]) 判断当前字符串是否以另外一个给定的子字符串开头
参数
searchString
要搜索的子字符串。
可选参数
position
在 str 中搜索 searchString 的开始位置，默认值为 0，也就是真正的字符串开头处。
返回值
如果传入的子字符串在搜索字符串的开始则返回true；否则将返回 false。
let str = "rocky";
let res = str.startsWith("roc");
console.log(res); // true
let res1 = str.startsWith("ck");
console.log(res1); // false
let res2 = str.startsWith("ck", 2);
console.log(res2); // true
str.endsWith()
Boolean str.endsWith(searchString[, length]) 判断当前字符串是否是以另外一个给定的子字符串“结尾”
参数
searchString
要搜索的子字符串。
可选参数
length
作为 str 的长度。默认值为 str.length
返回值
如果传入的子字符串在搜索字符串的末尾则返回true；否则将返回 false。
let str = "rocky";
let res = str.endsWith("cky");
console.log(res); // true
let res2 = str.endsWith("ck", 4);
// 意为：从索引0开始，是否在索引为4结束前，字符值为“ck”
console.log(res2); // true
str.repeat()
String str.repeat(count) 构造并返回一个新字符串，该字符串包含被连接在一起的指定数量的字符串的副本
参数
count
介于0和正无穷大之间的整数。表示在新构造的字符串中重复了多少遍原字符串
返回值
生成的新字符串
let str = "a"; let newStr = str.repeat(5); console.log(str); console.log(newStr);
模板字符串
模板字面量 是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。
插值表达式｛ xxx ｝
<body>
<p>
<!-- 今年,<strong>小明</strong>就要<strong>18</strong>岁了,就要升入<strong>初中</strong>了! -->
</p>
<script>
let p = document.querySelector("p");
let name = "Rocky";
let age = 18;
let school = "高中";
// p.innerHTML = "今年,<strong>"+ name +"</strong>就要<strong>"+ age +"</strong>岁了,就要升入<strong>"+ school +"</strong>了!"
p.innerHTML = `今年,<strong>${ name }</strong>就要<strong>${ age }</strong>岁了,就要升入<strong>${ school }</strong>了!`;
</script>
</body>
END
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）