字符串拼接是开发时一个必不可少的环节，也是很恶心的一个环节，尤其是又臭又长的html字符串拼接。为什么说html字符串拼接很恶心呢，主要有以下几点：

1. 传统的字符串拼接不能正常换行
2. 传统的字符串拼接不能友好的插入变量
3. 传统的字符串拼接不能友好的处理单引号、双引号互相嵌套的问题。

es6 模版字符串${}

// es5
let ananiah = "大诶呀";
let blog = "我要忘了你的样子"+ ananiah;
console.log(blog); //我要忘了你的样子大诶呀

// es6字符串模板
let anania = "大诶呀";
let blogs = `<b>我要忘</b><br>
了你的样子${anania}`;
document.write(blogs); //可以放HTML标签

let a = 1;
let b = 2;
let result = `${a+b}`;
document.write(result);  //3

字符串查找 

// 字符串查找
//es5
let ananiahs = "大诶呀";
let blogss = "我要忘了你的样子大诶呀";
document.write(blogss.indexOf(ananiahs)); //8

//es6
let ananiahs6 = "大诶呀";
let blogss6 = "大诶呀我要忘了你的样子大诶呀";
document.write(blogss6.includes(ananiahs6)); //true 是否存在
document.write(blogss6.startsWith(ananiahs6)); //true  头部是否存在
document.write(blogss6.endsWith(ananiahs6)); //true  尾部是否存在

字符串复制

//字符串复制 repeat 方法
document.write('ananiah |'.repeat(30)); //复制三十个

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/article/detial/3821