es6字符串的新操作

老王学前端

于 2020-12-01 18:58:53 发布

阅读量160

点赞数

分类专栏：学习笔记文章标签：代码解释代码模板字符串

本文链接：https://blog.youkuaiyun.com/weixin_42034412/article/details/110442831

版权

学习笔记专栏收录该内容

4 篇文章

订阅专栏

博客介绍了模板字符串，其可直接添加空格和换行；还提及带标签模板字符串。此外，介绍了字符串扩展方法，可指定位置是否含某些字符串，避免使用正则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 模板字符串

let str = `我可以

直接换行啦`
console.log('str: ', str);
  
//	str:  我可以
// 
//	直接换行啦

可以直接添加空格和换行

2. 带标签模板字符串

	const name = 'wlq'
	const gender = true
	
	function speek(strings, name, gender) {
	  console.log(strings)		// [ 'hey,', ' is a ', '' ]
	  let sex = gender ? 'man' : 'woman'
	  return strings[0] + name + strings[1] + sex + strings[2]
	}

	let res = speek`hey, ${name} is a ${gender}`
	console.log('res: ', res);  // res:  hey, wlq is a man

第一次知道模板字符串还可以这么搞！！！

3. 字符串扩展方法

startsWith endsWith includes

	let msg = 'Error：res is false .'
	console.log(msg.startsWith('Error'));  		// true
	console.log(msg.endsWith('.')); 			// true
	console.log(msg.includes('res'));			// true

可以用来指定位置是否含有某些字符串，省的用正则了，正则就是 ****