ホームページ > ウェブフロントエンド > jsチュートリアル > 一般的な JavaScript 配列メソッドと行列の転置方法を説明します

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

WBOY
リリース: 2022-03-28 14:19:13
転載
3269 人が閲覧しました

この記事は、JavaScript に関する関連知識を提供します。主に一般的な配列メソッドを紹介し、作成と走査、スタックとキュー、取得メソッドなどを含む行列の転置方法を説明します。皆さんのお役に立てれば幸いです。

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

#関連する推奨事項:

javascript チュートリアル

1. 一般的な 2 次元配列操作

作成と走査

前の章では、1 次元配列を作成するさまざまな方法を学習しました。1 次元配列の作成方法を理解した後は、2 次元配列の作成は非常に簡単です。 add 配列要素を配列に設定するだけです。

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

2 次元配列を作成した後、2 次元配列内の要素を走査して操作するにはどうすればよいでしょうか?

    1 次元配列は、for、for...in、または for...of (ES6 によって提供される) を使用して走査できます。
  • 2 次元配列の場合、配列を走査した後で配列の要素を再度走査するだけで済みます。
さらに、Web プロジェクト開発では、多次元の空の配列に要素を追加することによって多次元配列が作成されることがよくあります。以下に、例として 2 次元の空の配列要素を追加する方法を示します。

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

2 次元配列要素 (arr[i][0] など) に値を割り当てるには、まず追加された要素 (arr[i など) ]) が作成されました。これは配列です。それ以外の場合、プログラムは「Uncaught TypeError...」エラーを報告します。

注意

多次元配列を作成する場合、JavaScript では配列の次元に制限はありませんが、実際のアプリケーションでは、コードの読み取りやデバッグを容易にするために、およびメンテナンスのために、データを保存するには 3 次元以下の配列を使用することをお勧めします。

【事例】二次元配列の転置


二次元配列の転置とは、二次元配列の水平方向の要素を垂直方向の要素として保存することを指します。 。

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

コード実装のアイデア:

    パターンを見つける: res[0][0] = arr[0][0], res[ 0 ][1] = arr[1][0]、res[0][2] = arr[2][0]。
  • 結論: res[i][j] = arr[j][i]。 ②
  • res 配列の長さ = arr 要素の長さ (arr[0] など)。 ③
  • res 要素 (res[0] など) の長さ = arr 配列の長さ。 ④
  • ③と④に従ってresの作成とトラバースを完了し、②を押して転置します。
達成感を味わっていただくため、コードは掲載しませんが、ご質問がある場合は、コメント エリアで質問してください。実際、行列は配列に格納できるため、将来的には行列を転置することでコードを直接実行することができます。

2. 一般的な配列メソッド

スタック メソッドとキュー メソッド

JavaScript では、前に説明した追加と削除のメソッドに加えて、配列要素 さらに、Array オブジェクトによって提供されるメソッドを使用して、スタックおよびキューの操作をシミュレートすることもできます。

    配列の新しい要素を配列の末尾または先頭に追加します。
  • 配列の末尾または先頭にある配列要素を削除します。

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

    push() メソッドと unshift() メソッドの戻り値は、新しい配列の長さです。
  • pop() メソッドと SHIFT() メソッドは、削除された配列要素を返します。
取得メソッド

開発中、指定された値が配列であるかどうかを検出したり、配列内の指定された要素の位置を見つけたりする必要があります。

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

Array.isArray() メソッドを除き、表内の他のメソッドはデフォルトで指定された配列インデックスの位置から取得を開始します。取得メソッドは演算子「=== 」と同じは同じです。つまり、それらが一致する場合にのみ、より成功した結果が返されます。

includes() メソッドと Array.isArray() メソッド

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

    includes() メソッドの最初のパラメータは、次のことを表します。検索する値。
  • includes() メソッドの 2 番目のパラメーターは、配列内で検索する添字を指定するために使用されます。
  • 配列の長さを超える値に設定すると、配列は取得されず、直接 false が返されます。
  • 0 未満の数値に設定すると、取得されるインデックス位置は、配列の長さに指定された負の数値を加えたものと等しくなります。結果が依然として 0 未満の数値である場合は、配列全体が取得されます。

indexOf() メソッド

indexOf() は、配列内の指定された添字位置から最初に指定された値を取得するために使用されます。対応する要素の添字は次のとおりです。それ以外の場合は -1 が返されます。

indexOf() メソッドの 2 番目のパラメータは、検索を開始するインデックスを指定するために使用されます。
  • その値が配列の長さ以上の場合、-1 が直接返されます。
  • 値が負の数値の場合、検索添え字の位置は、配列の長さに指定された負の数値を加えたものと等しくなります。結果が依然として 0 未満の数値である場合は、配列全体が取得されます。

lastIndexOf() メソッド

Array オブジェクトによって提供される lastIndexOf() メソッドは、配列内の指定された添字位置から最後のインデックスを取得するために使用されます。 . 固定値の添字。 IndexOf() 取得メソッドとは異なり、lastIndexOf() メソッドのデフォルトは逆方向の取得、つまり配列の末尾から配列の先頭までの取得です。

Note

lastIndexOf() メソッドの 2 番目のパラメーターは、検索インデックスを指定するために使用されます。また、逆のメソッドを使用して次の情報を取得するためです。 # #その値が配列の長さ以上の場合、配列全体が検索されます。

値が負の数の場合、インデックス位置は、配列の長さに指定された負の数を加えた値に等しくなります。値が依然として負の数である場合は、-1 が直接返されます。

配列を文字列に変換する

開発中に配列を文字列に変換する必要がある場合は、JavaScript が提供するメソッドを使用してこれを実現できます。

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

##join() メソッドと toString() メソッドの類似点: 一般的な JavaScript 配列メソッドと行列の転置方法を説明します

多次元配列は文字列に変換でき、デフォルトでは連結にカンマが使用されます。

配列要素が未定義、null、または空の配列の場合、対応する要素は空の文字列に変換されます。
  • join() と toString( の違い) メソッド ポイント:

#join() メソッドでは、配列要素を接続するための記号を指定できます。

    その他のメソッド
  • これまでに説明したいくつかの一般的なメソッドに加えて、JavaScript には他の一般的に使用される配列メソッドも多数用意されています。たとえば、配列のマージ、配列の浅いコピー、配列要素の順序の反転などです。

一般的な JavaScript 配列メソッドと行列の転置方法を説明します

slice() メソッドと concat() メソッドは実行後に新しい配列を返すことに注意してください。元の配列、残りのメソッドは実行後に元の配列に影響を与えます。

splice() メソッドの最初のパラメータの値が配列の長さ以上の場合、演算は配列の末尾から開始され、値が負の数の場合は添字の位置は、配列の長さに指定された負の数を加えたものと等しくなります。値が依然として負の場合、演算は配列の先頭から開始されます。
  • 関連する推奨事項:
  • JavaScript チュートリアル

以上が一般的な JavaScript 配列メソッドと行列の転置方法を説明しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート