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.