ECMAScript 6 字符串和数值的拓展

一、模板字符串

在我们的变成过程中，有时候我们需要在字符串中编写大量的HTML结构代码：

const obj = {
   
    img: 'http://www.baidu.com/test.png',
    title: '离思',
    subTitle: '取次花丛懒回顾，半缘修道半缘君。',
    mess: ['唐','元稹']
};

let el = '<div>'+
'<img src="'+ obj.img +'">'+
'<h3>'+ obj.title +'</h3>'+
'<p>'+obj.subTitle+'</p>'+
'<div><span>'+ obj.mess[0] +'</span><span>'+ obj.mess[1] +'</span></div>'+
'</div>';

这种写法相当繁琐不方便，ES6引入了模板字符串解决这个问题:

const obj = {
   
    img: 'http://www.baidu.com/test.png',
    title: '离思',
    subTitle: '取次花丛懒回顾，半缘修道半缘君。',
    mess: ['唐','元稹']
};

let el = `
    <div>
        <img src="${
     obj.img}">
        <h3>${
     obj.title}</h3>
        <p>${
     obj.subTitle}</p>
        <div>
            <span>${
     obj.mess[0]}</span>
            <span>${
     obj.mess[1]}</span>
        </div>
    </div>
`;

模板字符串是增强版的字符串，用反引号(``)标识，它可以当做普通字符串，也可以用来定义多行字符串，或者在字符串中嵌入变量。
注:

• 如果模板字符串中要使用反引号，那么需要使用反斜杠转义。
• 如果使用模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出中。
• 在模板字符串中嵌入变量，需要将变量名写在${}中。
• ${}的大括号中可以放入任意的JavaScript表达式，可以进行运算，以及引用对象属性。
• 如果大括号中的值不是字符串，将按照一般的规则转为字符串。比如，大括号中是一个对象，将默认调用对象的toString方法。
• 模板字符串甚至还能嵌套。

字符串的新增方法

传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。

• includes()：返回布尔值，表示是否找到了参数字符串。
• startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。
• endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。

let s = 'Hello world!';
s.startsWith('Hello');
s.endsWith('!');
s.includes('o');

这三个方法都支持第二个参数，表示开始搜索的位置。

let s = 'Hello world!';
s.startsWith('world', 6); 
s.endsWith('Hello', 5);
s.includes('Hello', 6);

拓展: 为String类添加一个loIncludes()函数，实现和includes()一样的效果。

String.prototype.loIncludes = function(str, i) {
   
    const newStr = this.substr(i);
    const currI = newStr.indexOf(str);
    if(currI < 0 || newStr == '') return false;
    return true;
};

let testStr = 'hello world';
const res = testStr.loIncludes('o');

二、字符串的实例方法

1. repeat()返回一个新字符串，表示将原来的字符串重复了若干次。

'x'.repeat(3); // "xxx"
'hello'.repeat(2); // "hellohello"
'na'.repeat(0); // ""
'na'.repeat(2.9); // "nana"
'na'.repeat(Infinity); // RangeError
'na'.repeat(-1); // RangeError

2. 实例方法：trimStart()，trimEnd()。

const s =