Es6-es7-newfeatures

ES7-新機能

この章では、ES7の新機能に関する知識を提供します。

べき乗演算子

ES7では、指数演算子と呼ばれる新しい数学演算子が導入されています。 この演算子は、Math.pow（）メソッドの使用に似ています。 指数演算子は、二重アスタリスク**で表されます。 演算子は数値でのみ使用できます。 指数演算子を使用するための構文は以下に与えられています-

構文

指数演算子の構文は以下に記載されています-

base_value ** exponent_value

例

次の例では、* Math.pow（）*メソッドと*指数演算子*を使用して数値の指数を計算します。

<script>
   let base = 2
   let exponent = 3
   console.log('using Math.pow()',Math.pow(base,exponent))
   console.log('using exponentiation operator',base**exponent)
</script>

上記のスニペットの出力は以下のとおりです-

using Math.pow() 8
using exponentiation operator 8

アレイに含まれるもの

ES7で導入されたArray.includes（）メソッドは、要素が配列で使用可能かどうかを確認するのに役立ちます。 ES7より前のバージョンでは、Arrayクラスのindexof（）メソッドを使用して、値が配列に存在するかどうかを確認できました。 indexof（）は、データが見つかった場合、配列内の最初の要素のインデックスを返します。データが存在しない場合、elseは-1を返します。

Array.includes（）メソッドはパラメーターを受け取り、パラメーターとして渡された値が配列に存在するかどうかを確認します。 このメソッドは、値が見つかった場合はtrueを返し、値が存在しない場合はfalseを返します。 Array.includes（）メソッドを使用するための構文を以下に示します-

構文

Array.includes(value)

OR

Array.includes(value,start_index)

2番目の構文は、指定されたインデックスからの値が存在するかどうかをチェックします。

例

次の例では、配列マークを宣言し、Array.includes（）メソッドを使用して、配列に値が存在するかどうかを確認しています。

<script>
   let marks = [50,60,70,80]
  //check if 50 is included in array
   if(marks.includes(50)){
      console.log('found element in array')
   }else{
      console.log('could not find element')
   }

  //check if 50 is found from index 1
   if(marks.includes(50,1)){//search from index 1
      console.log('found element in array')
   }else{
      console.log('could not find element')
   }

  //check Not a Number(NaN) in an array
   console.log([NaN].includes(NaN))

  //create an object array
   let user1 = {name:'kannan'},
   user2 = {name:'varun'},
   user3={name:'prijin'}
   let users = [user1,user2]

  //check object is available in array
   console.log(users.includes(user1))
   console.log(users.includes(user3))
</script>

上記のコードの出力は以下のようになります-

found element in array
could not find element
true
true
false