JavaScript 配列メソッド - 体系的な概要と詳細な説明

まず、要約の重要性は、混沌をより秩序立てて、使用プロセス中に思考がより明確になることです。

配列の使用に関する注意事項:

• 変異メソッドと非変異メソッド。つまり、mutation メソッドは元の配列を変更しますが、後者は変更しません。下のマインドマップにそれらのラベルが付けられています。
• 配列メソッドと文字列メソッドにはいくつかの類似点があることに注意してください。配列と文字列を切り替えるにはどうすればよいでしょうか?
• 一部のメソッド パラメータは負の数をサポートしており、一部のメソッドの 2 番目のパラメータは座標ではなく数値を表します。
• コールバック関数を整理することもできます。ほとんどのコールバック関数のパラメータ形式は同じですが、一部のコールバック関数は異なります。
• split、slice、splice、join、contains、includes、push、pop、shift、unshift などの似たような単語が並んでいると、どれが配列メソッドでどれが文字列メソッドなのか、また各関数が何を行うのかがわからなくなってしまいます。もちろん、上記のメソッドが配列メソッドなのか文字列メソッドなのか、あるいは文字列メソッドと配列メソッドにそのようなメソッドがあるのか​​どうかも今ではわかりますが、結局覚えるのが難しいのでそうする必要はありません。そこで、以下に体系的に分類してまとめておきますので、簡単に区別できるようになります。

次に必要なのは、以前の混乱した記憶を忘れて、整理して記憶を再構築することです。

一般的な配列メソッド

配列要素の追加と削除

配列ヘッダーの操作

• unshift(value)變異方法配列の先頭に要素を挿入します
• shift()變異方法配列の先頭から最初の要素を削除します。

配列の末尾を操作する

• push(value)変更メソッドは要素を配列の末尾にプッシュします
• pop() 変異メソッドは配列の末尾の要素をポップします

任意の場所に追加または削除

splice(start,length[…,value])變異方法

2番目のパラメータは数値です。0以外の場合は、先頭から長さ分の要素を削除する必要があることを意味します。追加と削除は同時に行うことができます。

配列の連結

• concat(...arr) 文字列には同様のメソッドがある

配列を文字列に変換する

• join(str)は指定された文字を使用して配列を文字列に連結します。
• toString() 配列を「,」で分割して文字列に変換します。

配列のインターセプト

• slice(start[,end])支持負數 字符串有該類似方法

配列ソート方法

ソート

• 配列をソートするためのsort(callback)變異方法

コールバック関数は、大きいものから小さいものへ並べ替える場合は ab を返し、小さいものから大きいものへ並べ替える場合は ba を返します。

//コールバック関数の形式 function callback(a,b) {
	戻る
}

シーケンスの反転

逆變異方法配列の順序を逆にする

配列反復メソッド

配列トラバーサル検索

戻り値は添え字である

• indexOf(targetValue) は配列を左から右に走査し、ターゲット値の添字を見つけ、最初に出現する添字値を返します。
• lastIndexOf(targetValue) は配列を右から左に走査し、ターゲット値の添字を見つけ、最初に出現する添字値を返します。
• findIndex(callback)はコールバック関数を使用して配列要素を条件付きで判断し、条件に初めて一致する要素のインデックス値を返します。

戻り値はコンテンツです

• find(callback)はコールバック関数を使用して配列要素を条件付きで判断し、条件に最初に一致する要素の値を返します。

配列の走査処理

コールバック(値[,インデックス[,配列]])

//コールバック コールバック関数の形式 関数コールバック(値、インデックス、配列) {
	//対処する ...
	return ... // ここで retrun ステートメントは必要ありませんか? 以下に注釈を付けてください。}

• forEach(callback) は配列を走査し、戻り値のないものだけを処理します。コールバックにはreturn文は必要ありません
• map(callback) は配列の各要素を走査し、callback を使用して配列を処理し、callback によって処理された戻り値を新しい配列に追加して、新しい配列を返します。
• filter(callback) は配列に対してフィルター操作を実行し、コールバックの戻り値が true である要素で構成される新しい配列を返します。
• every(callback)は配列を走査します。コールバックの戻り値がtrueの場合、メソッドの戻り値はtrueです。
• some(callback) は配列を走査します。コールバックの戻り値の 1 つが true の場合、メソッドの戻り値は true になります。

コールバック(合計,値[,インデックス[,配列]])

//コールバック コールバック関数の形式 関数コールバック(合計、値、インデックス、配列) {
  合計 + 値を返します。
}

• 減らす(コールバック[,初期値])
  

配列は左から右に短縮され、最後の処理の結果が、使用するコールバック関数のパラメータとして次のコールバック関数に渡されます。

• ReduceRight(コールバック[,初期値])
  

配列は右から左に短縮され、最後の処理の結果が、使用するコールバック関数のパラメータとして次のコールバック関数に渡されます。

その他の配列メソッド

include(value) ES6 配列に特定の要素が含まれているかどうかを判定する

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。