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

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 のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • js配列forEachインスタンスの詳細な使用方法
  • JavaScript配列の重複排除のいくつかの方法についての詳細な説明
  • 任意の長さの配列を作成または埋めるための JS のヒントの要約
  • JavaScript 配列と非配列オブジェクトのディープ クローンとシャロー クローンの原則の詳細な説明
  • JS配列の一般的な方法とテクニックを学び、マスターになりましょう
  • JavaScript 配列重複排除問題の詳細な研究
  • js 配列 fill() 充填メソッド

<<:  Linux のネイティブ openjdk をアンインストールして sun jdk をインストールする方法

>>:  MySQL パーティション テーブルの基本入門チュートリアル

推薦する

MySQL ロール関数の紹介

目次序文: 1. 役割の紹介2. 役割に関連する操作要約:序文:前回の記事では、MySQLの権限管理...

Vue 監視プロパティと計算プロパティ

目次1. 監視プロパティを監視する1. ショッピングカート2. すべて選択し、すべて選択解除する2....

Dockerは元のタグのイメージの再タグ付けと削除を実装します

docker イメージ ID は一意であり、イメージを物理的に識別できます。repository: ...

CSS ウェイト値(カスケード)の例の詳細な説明

•CSSには多くのセレクターがあります。複数のセレクターを同じ要素に適用するとどうなるでしょうか? ...

今日、今週、今月、先月のMySQLクエリデータ

今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...

Docker の MySQL 時間とシステム時間の不一致の問題を解決する

最近、Docker に MySQL をインストールしたところ、データベースの時刻がシステム時刻と 8...

MySQL ソートの原則とケース分析

序文ソートはデータベースの基本的な機能であり、MySQL も例外ではありません。ユーザーは、Orde...

Apache での ab パフォーマンス テスト結果を分析する

私はパフォーマンス テストを行うために常に Loadrunner を使用してきました。 Loadru...

ウォーターフォールフローレイアウトを実装する3つの方法

序文今日、Xianyuを閲覧していたとき、各行の高さが同じではないことに気付きました。調べてみると、...

dockerプライベート倉庫の構築と利用の詳細説明

1. リポジトリイメージをダウンロードする docker プルレジストリ 2. プライベートウェアハ...

Vueカスタムコンポーネントはイベント修飾子を使用してピットレコードを踏む

序文今日、自作のコンポーネントを使っていたところ、突然、長い間忘れていたバブリングイベントに遭遇しま...

Linux yum パッケージ管理方法

導入yum (Yellow dog Updater, Modified) は、Fedora、RedH...

複数の Tomcat を展開して起動し、プロジェクトを移行する方法を 1 つの記事で学習します。

目次tomcatをデプロイする1.ダウンロードして解凍する2. 設定ファイルを変更する移植プロジェク...

JavaScript の onblur および onfocus イベントの詳細な説明

HTML ページでは、ボタンやテキスト ボックスなどの視覚要素にフォーカスを設定したり、フォーカスを...

Dockerカスタムブリッジdocker0とdockerのコマンド操作の開始、終了、再起動

質問会社がサーバーを移行した後、デフォルトで作成された docker0 ブリッジが会社の外部ネットワ...