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 パーティション テーブルの基本入門チュートリアル

推薦する

Windows10 HomeバージョンにDockerをインストールするときに発生する問題の概要

Docker ダウンロード アドレス: http://get.daocloud.io/#instal...

グリーンスタイルのウェブデザイン作品18点の最新コレクション

トイ・ストーリー3 オンラインマーケティングウェブサイトゼンモバイル鉄から鉄へスプラウトファンドバー...

ネイティブJSで実装されたギャラリー機能

目次最初2番目Native Js はギャラリー機能を実装します。画像をクリックすると、対応する拡大画...

Vueフォームバインディングとコンポーネントの詳細な説明

目次1. 双方向データバインディングとは1. データの双方向バインディングを実装する必要があるのはな...

Linux Samba サーバーの超詳細なインストールと構成 (問題解決付き)

目次Samba サーバーの紹介Samba サーバー コンポーネントSamba サーバー関連の設定ファ...

MySQL 8.0.18 安定版がリリースされました! 予想通りハッシュ結合が実装されました

MySQL 8.0.18 安定版 (GA) が昨日正式にリリースされ、Hash Join も期待通り...

Vueはシンプルなスライダー検証を実装する

この記事の例では、Vueスライダー検証の実装を共有しています。コードは次のとおりです。 <テン...

MySQLストレージ時間タイプの選択に関する問題の説明

MySQL では、datetime 型は通常、時間を保存するために使用されますが、現在では多くのシス...

Linux システム修復モード (シングル ユーザー モード)

目次序文1. シングルユーザーモードでの一般的なバグ修正2. シングルユーザーモードでシステムパスワ...

InnoDB のアーキテクチャと機能の詳細な説明 (InnoDB ストレージ エンジンの読書メモの要約)

背景スレッド•マスタースレッドコア バックグラウンド スレッドは主に、バッファー プール データをデ...

MySQL シャーディング入門ガイド

序文リレーショナル データベースは、システムのボトルネックになる可能性が高くなります。単一のマシンの...

jQueryはネストされたタブ機能を実装します

この記事では、ネストされたタブ機能を実装するためのjQueryの具体的なコードを参考までに紹介します...

Vueソースコード解析における仮想DOMの詳しい説明

なぜ仮想DOMが必要なのでしょうか?仮想 DOM はブラウザのパフォーマンス問題を解決するために設計...

MySQL 入門 - SQL 実行プロセス

目次1. プロセス2. コアアーキテクチャ2.1 サーバー層の基本コンポーネントの紹介3. ステート...

js 正規表現の先読みと後読み、および非キャプチャグループ化

目次先読みと後読みをキャプチャグループと組み合わせる捕獲グループと非捕獲グループ前を向いて、後ろを振...