ES6 学习笔记（一）String、数值、数组、对象

一：String

1.新特性，模版字符串。解释： 在反引号（“`”，~号键）中，使用${}作为模版，完成拼接工作。举例：

  <script>
  var name ="张三";
  var age =18;
  //使用拼接字符串方式
  var str = "姓名："+name+",年龄："+age;
  //使用ES6方式 
  var str2 =`姓名：${name},年龄：${age}`;
  console.log(str);
  console.log(str2);
  </script>

${} 中也可以使用函数或者方法

var str = `the result is ${a+b}`;

2.新特性：repeat函数 。解释：将目标字符串重复N次，返回一个新的字符串，不影响目标字符串。

例如："abc".repeat(3); //输出：abcabcabc 将“abc”重复3次。

3.新特性：includes函数。解释，判断字符串中是否含有指定的子字符串，返回true表示含有和false表示未含有。第二个参数选填，

表示开始搜索的位置。此方法与indexOf()类似，不过indexOf返回的是查找字符串的位置，而includes返回的是True或False。

例如：“abcdef”.includes('a')；//输出 true。

“abcdef”.includes('a'，2)；//输出 false。选填参数指明是从位置2开始匹配。即从c开始匹配。

4.新特性：startsWith和endWith函数。 解释：匹配函数。第二个参数选填，标识开始匹配的位置。

5.新特性：String.raw函数。解释：返回字符串最原始的样貌，即使字符串中含有转义符，也直接输出。

二：数值

1.方法转移。 解释：将原来的全局函数：isNaN(),parseInt() ,parseFloat()转移到了Number 下。

例如：Number.isNaN(123); //输出 false。

2. 新特性：Number.isInteger。 解释：判断是否是整数。

3.新特性：Math.trunc。 解释：用于去除一个数的小数部分，返回整数部分。 比如 3.14将返回3。

4.新特性： Math.sign。解释：用来判断一个数到底是正数、负数、还是零。

5.新特性： Math.cbrt。解释：用于求一个数的立方根。 例如 8的立方根是2。

6。其他一些，如下：

Math.acosh(x) 返回 x 的反双曲余弦。
Math.asinh(x) 返回 x 的反双曲正弦。
Math.atanh(x) 返回 x 的反双曲正切。
Math.clz32(x) 返回 x 的 32 位二进制整数表示形式的前导 0 的个数。
Math.sinh(x) 返回x的双曲正弦。
Math.cosh(x) 返回 x 的双曲余弦。
Math.expm1(x) 返回 eˆx - 1。
Math.fround(x) 返回 x 的单精度浮点数形式。
Math.hypot(...values) 返回所有参数的平方和的平方根。
Math.imul(x, y) 返回两个参数以 32 位整数形式相乘的结果。
Math.log1p(x) 返回 1 + x 的自然对数。
Math.log10(x) 返回以 10 为底的x的对数。
Math.log2(x) 返回以 2 为底的 x 的对数。
Math.tanh(x) 返回 x 的双曲正切。

三 ：对象。

1.简化写法。如下：

var name = "张三";
  var age = 18;

  //传统的属性写法
  var person = {
      "name":name,
      "age":age
  };

  //ES6的属性写法
  var person2 = {name,age};
  console.log(person2);
  //结果：{name: "张三", age: 18}

方法的简化：

//传统的表示法
    var person = {
        say:function(){
            alert('这是传统的表示法');
        }
    };

    //ES6的表示法
    var person = {
        say(){
            alert('这是ES6的表示法');
        }
    };

2 . Object.is()函数。解释：比较两个值是否严格相等。基本等同于“===”。有一些例外，例如：

+0 === -0 //输出：true。 Object.is(+0,-0); // 输出：false。

3.Object.assign。解释：将源对象的属性赋值到目标对象上

四：数组

1. Array.of()。解释：将一组值，转换成数组。

2. Array.from( ). 解释：可以将类似数组的对象或者可遍历的对象转换成真正的数组。

3. find( )、findIndex( )。 解释：find(),找出数组中符合条件的第一个元素。findIndex()返回找到符合条件的第一个元素的索引。

4.fill( )。 解释，填充数组，替换掉指定的数据。用法：fill(需要填充的数据，从第几位开始，到第几位截至）。

5.