ES6新特性:字符串扩展

Posted 流楚丶格念

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6新特性:字符串扩展相关的知识,希望对你有一定的参考价值。

文章目录

说明

新增常用的api

例如下面的例子:

let str1 = "nibuzai wo yehui henguai";
console.log(str1 + "中是否含有henguai", str1.includes("henguai"));
console.log(str1 + "中是否含有buguiai", str1.includes("buguai"));
console.log(str1 + "是否以nibuzai开头", str1.startsWith("nibuzai"));
console.log(str1 + "是否以henguai结束", str1.endsWith("henguai"));

字符串模板

  1. 基本的字符串格式化。将表达式嵌入字符串中进行拼接。用$来界定。

    //ES5
    // var name = 'lux'
    // console.log('hello' + name)
    //ES6
    const name = 'lux'
    console.log(`hello $name`) //hello lux 
    
  2. 在ES5时我们通过反斜杠()来做多行字符串或者字符串一行行拼接。 ES6反引号(``)直接搞定:

    let str2 = `
    hello
    javascript
    ES6
    `;
    console.log(str2);
    

效果如下:

实例

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>ES6新特性学习-(2)字符串扩展</title>
	</head>
	<body>
		<script>
			//新增常用的api
			// let str1 = "nibuzai wo yehui henguai";
			// console.log(str1 + "中是否含有henguai", str1.includes("henguai"));
			// console.log(str1 + "中是否含有buguiai", str1.includes("buguai"));
			// console.log(str1 + "是否以nibuzai开头", str1.startsWith("nibuzai"));
			// console.log(str1 + "是否以henguai结束", str1.endsWith("henguai"));
			//字符串模板                                                  //1.基本的字符串格式化。将表达式嵌入字符串中进行拼接。用$来界定。
			//ES5
			var name5 = 'name5'
			console.log('hello' + name5)  //hello name5         
			//es6
			const name6 = 'name6'
			console.log(`hello $name6`) //hello name6                           

			//2.在ES5时我们通过反斜杠()来做多行字符串或者字符串一行行拼接。 ES6反引号(``)直接搞定
			let str2 = `
			hello
			JavaScript
			ES6
			`;
			console.log(str2);
		</script>
	</body>
</html>

以上是关于ES6新特性:字符串扩展的主要内容,如果未能解决你的问题,请参考以下文章

ES6新特性:字符串扩展

ES6新特性

ES6新特性

ES6新特性

es6新特性分享

ES6新特性:Function函数扩展, 扩展到看不懂