ES6メソッド
ECMAScript 6の短縮形であるES6とは2015年6月にリリースされたJavaScriptのバージョンである。 JavaScript をメンテナンスしている開発者は私の誕生月が好きなようで、ほとんどのバージョンがリリースされた時期だからです。
もしあなたが JavaScript を学び始めたばかりなら、ES6 はあなたの生活をずっと楽にしてくれることでしょう。 ES6 は配列メソッドだけでなく、構造化解除、矢印関数、オブジェクト指向およびモジュール化されたコードを書くためのより良い方法なども提供します。 アロー関数は高階関数では非常に一般的で、コードを単純化できるからです
Mapメソッド
ほとんどいつも使うES6配列メソッドがあるとすれば、それはこのメソッドでしょう。 JavaScriptでもPythonでも、私のベスト配列メソッドです。 ES6以前にmap
を実装しようとしたJavaScript開発者がいたとしても、標準のmap
メソッドがJavaScriptに導入されたのはES6からです。 以下のコードでは、3つの方法でmap
を実装しています:
- 通常のJavaScriptの関数を使用する。 ここでは関数に2つの引数を渡しています。まず
item
は何かをしたい要素、そしてindex
はオプションの引数で、各要素のインデックスです - 矢印関数を使用する。 最初の例と同様に 2 つの引数を渡しましたが、ここでのコールバック関数は矢印関数で、コードをよりすっきりさせます。
- 矢印関数も使用しましたが、引数は 1 つだけで、反復処理する項目を渡しました。 これはインデックスが必要ない場合に便利です。
The filter method
filter
メソッドは今日使うべき別の高次配列メソッドの一つです。 filter
が行うことは簡単です。 要素の配列が与えられたとき、特定の条件がtrue
である最初の配列から新しい配列を返したいのです。 コールバック関数はブール値を返さなければならず、条件に従った要素が新しい配列に入ることになります。
The reduce method
これは非常に素晴らしく、これまで述べた方法の中で最も困難だと考えています。 このメソッドが行うことは、特定のコールバックを使用して配列を縮小することです。 たとえば、配列のすべての要素の合計や配列のすべての要素の積を求めたい場合、ループして最初の合計や積を増分するのではなく、このメソッドはいい方法だと思います。
forEach method
このメソッドはmap
メソッドと似ていますが、この場合、新しい配列を返すわけではありません。 これはJavaScriptの通常のfor
ループのようなものですが、よりきれいで高度な方法です。 ご存知のように、3つのパラメータを受け取ります。 1 つ目は配列内の項目、2 つ目は項目のインデックス(これはオプション)、3 つ目は現在の要素が属する配列オブジェクトです。
下のコード スニペットでは、forEach
を使用して Document Object Model (DOM) を操作していますが、これはかなりクールです。 配列を更新すると、DOM 上に表示されるリスト項目が自動的に変更されます。
The concat method
複数の配列を結合またはマージしたいケースもあるかと思われます。 そのとき、この関数はとても便利でしょう。 2つの配列に対してconcat
を呼び出すと、2つの配列を結合した新しい配列が生成されます。
The every and some methods
配列中のすべての要素がある条件をパスするか、配列中のいくつかの要素がある条件をパスするかそれぞれ知りたい場合に便利なのが、これらのメソッド。
その他のメソッドは次のとおりです:
fillメソッド
パラメータとして渡された値で配列の各要素を埋めます。 .fill(1)
// .
The entries method
これは配列をキーと値のペアを持つオブジェクトのように動作させ、キーはインデックス、値は要素になります。 最初の2つはそれぞれ要素の挿入と削除を開始するインデックスと削除する要素の数で、残りのパラメータは配列に追加する要素である。 このメソッドは要素を削除した配列を返し、配列に変異を加えます。
リバースメソッド
リバースメソッドは、配列を反転させます。 変異させることに注意してください。つまり、単にコピーを作成するのではなく、配列を変更します。
Joinメソッド
このメソッドは配列から配列、文字列に変化させます。 これは配列を変異させないことに注意してください – ただコピーを作成するだけです。 このメソッドの逆はsplit
メソッドで、これは文字列を配列に変えます。 これは文字列をパラメータとして受け取り、配列の各要素を結合するために使用されます。
フラットメソッド
flat
メソッドはES11で追加された新しいメソッドです(ES11は今年の6月に作成されました)。 このメソッドは配列を平坦化します。
例えば、ある配列を含む配列があり、その配列の中の配列のすべての要素の和と積を求めたいとします。 どういうことかというと、, ]
で定義される配列がある場合、合計は 10
で、積は 24
でなければなりません。
これを行う 1 つの方法は、最初の配列をループして各要素をループして合計と積を得ることです。
ES6 では、最初の配列をループして reduce
メソッドを使用して主配列の各要素の合計と積を取得できます – それを使用して合計と積を得ることができます。 しかし flat
配列を使えば、主配列をフラットにして数字だけを含む単一の配列を返すことができ、それに対して reduce
メソッドを使うことができます。
flatMapメソッド
これは flat
と map
を組み合わせたものです。 これは配列の各要素を与えられたコールバック関数にマップし、次に結果の配列を平らにします。
例えば、平らにされていない配列の各要素の2乗を取得し、それを平らにすることを希望しているとします。 この方法は私たちの生活を楽にしてくれるでしょう。 下のコードスニペットでflatMap
メソッドを使った部分では、配列である要素を受け取って、その要素の2乗を新しい配列として返しました。 そして最後に、結果の配列を平らにします。