JavaScriptの配列メソッド

author
0 minutes, 21 seconds Read

ES6メソッド

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メソッド

これは flatmap を組み合わせたものです。 これは配列の各要素を与えられたコールバック関数にマップし、次に結果の配列を平らにします。

例えば、平らにされていない配列の各要素の2乗を取得し、それを平らにすることを希望しているとします。 この方法は私たちの生活を楽にしてくれるでしょう。 下のコードスニペットでflatMapメソッドを使った部分では、配列である要素を受け取って、その要素の2乗を新しい配列として返しました。 そして最後に、結果の配列を平らにします。

Similar Posts

コメントを残す

メールアドレスが公開されることはありません。