記事ディレクトリ
- 序文
-
- 1. スタックメソッド:push()、pop()
- 2. キューメソッド: unshift()、shift()
- 3.indexof()、lastIndexOf()、includes()
- 4. 演算メソッド: concat()、slice()、splice()
- 5.Array.isArray()
- 6. ソートメソッド:sort()、reverse()
- 7. 変換メソッド: toString()、join()
- 8.キー()、値()、エントリ()
- 9. 反復メソッド:every()、some()、filter()、forEach()、map()
- 10. 配列を作成するための静的メソッド: from()、of()
- 11.リデュース()
- 要約する
序文
最近、JavaScript 配列の一般的なメソッドを整理しました。これにより、今後のレビューが容易になります。
1. スタックメソッド:push()、pop()
push()
最後に追加します (任意の数のパラメータを受け取ります) 配列の最新の長さを返します
pop()
最後に削除します 削除された項目を返します
2. キューメソッド: unshift()、shift()
unshift()
先頭に追加 新しい配列の長さを返します
shift()
先頭から削除 (配列の最初の項目を削除) 削除された最初の要素を返します
3.indexof()、lastIndexOf()、includes()
indexof()
前から後ろに検索します。存在する場合は、インデックス番号を返します。存在しない場合は、-1 を返します。
lastIndexof()
後ろから前に検索します。存在する場合は、戻ります。インデックス番号。存在しない場合は - を返します。 1
includes()
指定された要素に一致する項目が見つかったかどうかを示すブール値を返します。
4. 演算メソッド: concat()、slice()、splice()
concat()
既存の配列のすべての要素に基づいて新しい配列を作成します。複数のパラメータを渡して、配列の末尾に追加できます。
slice()
元の配列内の 1 つ以上の要素を含む新しい配列を作成します (インターセプト操作)
この操作は元の配列には影響しません。
1 つまたは 2 つのパラメータを受け取り、要素の開始インデックスと終了インデックスを返します。
- 1 つのパラメーター: 開始インデックスから配列の末尾までのすべての要素を返します。
- 2 つのパラメータ: 終了インデックスを除く、開始インデックスから終了インデックスまでのすべての要素を返します。
注:slice() パラメータには負の値が含まれています。配列の長さ + 負の値 = 位置を決定します。
例: 5 要素の配列、Slice(-2,-1) はスライス(3,4) と同等
終了位置が開始位置より小さい場合、空の配列が返されます。
splice()
常に、配列内の削除された要素を含む配列を返します。要素が削除されない場合は、空の配列が返されます。
-
削除は 2 つのパラメータ (削除する最初の要素の位置、削除する番号) を渡し、削除された要素を返します。
-
挿入では 3 つのパラメータ (開始位置、0、挿入する要素) が渡され、複数の要素を挿入できます。
-
3 つのパラメータ (開始位置、削除する要素の数、挿入する任意の数の要素) を置換して渡します。
5.Array.isArray()
配列であるかどうかを判断し、配列である場合は true を返し、そうでない場合は false を返します。
6. ソートメソッド:sort()、reverse()
sort()
デフォルトで配列を昇順に並べ替えます
reverse()
配列要素を逆順に並べ替えます
7. 変換メソッド: toString()、join()
toString()
各項目をカンマで区切って、配列を文字列に変換します。
join(‘字符串分割符’)
各項目をカンマで区切って、配列を文字列に変換します。すべての項目を含む文字列を返します。
注: join() にパラメータが渡されない場合、または unfineed が渡された場合でも、カンマは区切り文字として使用されます。
8.キー()、値()、エントリ()
keys()
配列インデックスのイテレータを返します
values()
配列要素のイテレータを返します
entries()
配列インデックスと値のペアのイテレータを返します
これらのメソッドはすべて反復子を返すため、その内容は Array.from() を通じて配列インスタンスに直接変換できます。
9. 反復メソッド:every()、some()、filter()、forEach()、map()
every()
配列の各項目に対して渡された関数を実行します。関数が各項目に対して true を返した場合、このメソッドは true を返します。
some()
配列の各項目に対して渡された関数を実行します。1 つの関数が true を返した場合、このメソッドも true を返します。
filter()
配列の各項目に対して渡された関数を実行します。関数が true を返した項目は配列に構成されて返されます。
forEach()
配列内の各項目に対して渡された関数を実行します。注: forEach() には戻り値がありません。
forEach メソッドのコールバック関数には、配列要素、配列インデックス、配列自体の 3 つのパラメータがあります。
map()
配列内の各項目に対して渡された関数を実行し、各関数呼び出しの結果で構成される関数を返します。
要件: 配列 arr の各要素は 2 倍する必要があります。
要件: 配列内の各オブジェクトの ID に 1 を追加します。
要件: オブジェクト内の ID と名前を新しい配列に合成します。
10. 配列を作成するための静的メソッド: from()、of()
from()
配列のような構造を配列インスタンスに変換するために使用されます
最初のパラメータ (必須): 配列のようなオブジェクト、つまり任意の反復可能な構造
2 番目のパラメータ (オプション): マッピング関数のパラメータ (この関数は新しい配列の値を直接拡張できます)
3 番目のパラメータ (オプション): マッピング関数の値を指定するために使用されます。これの。
疑似配列には長さ属性があります:
of()
パラメータのセットを配列インスタンスに変換するために使用されます
11.リデュース()
配列の最初の項目から配列の最後の項目まで走査します
2 つのパラメータを受け取ります (マージ関数は各項目に対して実行され、それを初期値として使用します)マージ開始点 )
コールバック関数は 4 つのパラメータを受け取ります:
1. prev はアキュムレータ コールバックの戻り値で、コールバックが実行されたときの戻り値を表します。最後に呼び出された値、または初期値 init;
2. cur は配列内で現在処理されている要素です。
3. Index は現在の要素のインデックスです (オプション) )
4. array 現在の要素が配置されている配列 (オプション)
要約する
以上が今日私が共有したい配列メソッドの内容です。皆さんもぜひ来て、もっと便利なメソッドを共有してください~