ホームページ > 記事 > ウェブフロントエンド > JavaScript配列メソッドのまとめと分析_JavaScriptスキル
最近 freecodecamp でコーディングをしていて、JavaScript の配列メソッドをたくさん使ったので、JavaScript のチュートリアルをまとめてみました。
1. 通常の方法
1. join() は配列要素を結合し、文字列形式で返します
パラメータ: オプション。パラメータがない場合は、デフォルトでカンマ
が使用されます。
戻り値: 文字列
元の配列への影響: なし
2. reverse() は配列の要素の順序を逆順に変更し、
を返します。
パラメータ: なし
戻り値: 配列
元の配列への影響: 元の配列は逆順に配置された配列に変更されます
3. sort() は配列要素を並べ替えて
を返します。
パラメータ: オプション、ソート方法関数、パラメータなし、デフォルトは辞書順にソートします
戻り値: ソートされた配列
元の配列への影響: 元の配列はソートされた配列に変更されます
4. concat() は複数の配列を接続します
パラメータ: 複数の配列または要素、
戻り値: 連結後の新しい配列
元の配列への影響: なし
5.slice() は配列からいくつかの要素を切り出し、新しい配列を形成して
を返します。
パラメータ: 2 つの数値 (2 番目はオプション) 最初のパラメータは、インターセプトされる最初の要素のインデックス値を示します (この要素はインターセプト時に含まれます)。要素の最後から数えます (例: -1 は最後の要素を意味します)。2 番目のパラメータの意味は、インターセプトを停止する要素のインデックス値です (この文字はインターセプト時に含まれません)。最初のパラメータと同じです
戻り値: インターセプトされた新しい配列
元の配列への影響: なし
6. splice() は配列の要素を置換、削除、または挿入し、新しい配列を返します
パラメータ: いくつかのパラメータ。最初のパラメータは必須で、その他はオプションです。現時点で 2 番目のパラメータがない場合は、最初のパラメータ (最初のパラメータを含む) が使用されます。各パラメータのインデックス値以降のすべての要素が削除されます。2 番目のパラメータが含まれる場合、2 番目のパラメータは要素の数を削除し、2 番目のパラメータが 0 の場合は、次のパラメータで構成された新しい配列を返します。元の配列を新しい要素として挿入し、空の配列を返します。2 番目のパラメーターが 0 ではなく、他のパラメーターが含まれている場合は、置換操作が実行され、置換前の元の要素で構成される新しい配列が返されます。
戻り値: 削除された要素で構成される新しい配列
元の配列への影響: 置換、削除、挿入などの操作は元の配列
に対して実行されます。
パラメータ: 複数の要素、配列
の最後に追加されます。
戻り値: 要素追加後の配列の長さ
元の配列への影響: 要素
が元の配列の末尾に追加されます
パラメータ: なし
戻り値: 削除された要素
元の配列への影響: 元の配列の末尾から 1 つの要素が削除されます
パラメータ: 複数の要素、配列の先頭に追加
戻り値: 要素追加後の配列の長さ
元の配列への影響: 要素
が元の配列の先頭に追加されます
パラメータ: なし
戻り値: 削除された要素
元の配列への影響: 元の配列の先頭から 1 つの要素が削除されます
パラメータ: なし
戻り値: 形成された文字列 (2 次元配列では、2 次元配列の要素のみが結合されます)
元の配列への影響: なし
-------------------------------------------------- ----------------------------------
2. イテレータメソッド
1. foreach() は配列 の各要素に対してメソッドを呼び出します。
パラメータ: 関数
戻り値: なし
元の配列への影響: なし
である関数
戻り値: true または false
元の配列への影響: なし
3. some() はブール型の戻り値を持つ関数を受け入れます。配列内に要素がある限り、関数は true を返します。それ以外の場合は false を返します。
パラメータ: 戻り値が Boolean
元の配列への影響: なし
4.map() は関数をパラメータとして受け取り、新しい配列の要素は元の配列要素に対して関数を使用した結果です。
パラメータ: 関数
の結果値を用いて各要素から構成される配列
元の配列への影響: なし
5. filter() は、戻り値が Boolean である関数をパラメーターとして受け取り、この関数をすべての要素に適用し、戻り値が true である要素で構成される新しい配列を返します。
パラメータ: 関数
戻り値: 各要素に対して関数が true となる要素で構成される配列
元の配列への影響: なし
-------------------------------------------------- ----------------------------------
3. 合併方法
1.reduce() は関数をパラメータとして受け取り、値を返します。この関数は、累積値から開始して、累積値と配列内の後続の要素に対して連続的に呼び出されます。
パラメータ: 関数
戻り値: 最終累積値
元の配列への影響: なし
注: 実行順序が右から左であることを除いて、reduce と同じです