javascript-es6语法（二）

前言

由于公司网络限制，单篇文章字数限制，所以另外开章，后会回家重新处理。

归纳

• 模板字符串
• 新增的数组或字符串方法

模板字符串

模板字符串主要是用于快速拼接，像传统的js拼接dom结构并渲染，一般开发遇到都比较烦恼，因为要注意各种单双引号以及变量的引入以及加号是否正确添加，es6这点增加了模板字符串，通过``来实现拼接，这块是真的好，点赞。

// 传统js拼接
var container = "这是内容1";
var html1 = "
"+
             "
"+container.replace('1', '')+"
"+
           "
";
           
// 模板字符串
let html2 = `

              
${container.replace('1', '')}
             
`;
             
// 明显模板字符串清爽且简单。
// ${}，这个中主要放变量或者执行js方法也可        

新增的数组或字符串方法

字符串：新增包含判断（includes，startsWith，endsWith），字符重复（repeat），自动补全（padStart，padEnd），取消空格（trimStart，trimEnd）

// 是否包含-includes(str);
let str = 'hello world';
str.includes('world'); // true


// 以什么开头-startsWith(str, startIndex); // 从第startIndex字符之后，是否以str为开头，startIndex不填则为1，空格也算字符
str.startsWith('w', 6); // true
// 以什么结尾-endsWith同上
str.endsWith('o', 5); // true 


// 字符重复-repeat(n)，返回重复后的字符串，n为数字，小数则向下取整，不可负数，但可为0至-1之间，因为取整仍旧-0，为0。如果为字符串数字，则自动转为数字。
str.repeat(2); // 'hello worldhello world'

// 自动补全-padStart,padEnd，第一个参数为补完之后的字符串长度，第二个参数为补全所有材料，不够则重复使用。
str.padStart(13, '1234'); // '12hello world'
str.padStart(15, '1234'); // '12341hello world'

// 取消空格-trimStart，trimEnd
let str2 = ' hl wod ';
str2.trim(); // 'hlwod'
str2.trimStart(); // 'hl wod '