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

この記事は、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で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
Python vs. JavaScript:コミュニティ、ライブラリ、リソースPython vs. JavaScript:コミュニティ、ライブラリ、リソースApr 15, 2025 am 12:16 AM

PythonとJavaScriptには、コミュニティ、ライブラリ、リソースの観点から、独自の利点と短所があります。 1)Pythonコミュニティはフレンドリーで初心者に適していますが、フロントエンドの開発リソースはJavaScriptほど豊富ではありません。 2)Pythonはデータサイエンスおよび機械学習ライブラリで強力ですが、JavaScriptはフロントエンド開発ライブラリとフレームワークで優れています。 3)どちらも豊富な学習リソースを持っていますが、Pythonは公式文書から始めるのに適していますが、JavaScriptはMDNWebDocsにより優れています。選択は、プロジェクトのニーズと個人的な関心に基づいている必要があります。

C/CからJavaScriptへ:すべてがどのように機能するかC/CからJavaScriptへ:すべてがどのように機能するかApr 14, 2025 am 12:05 AM

C/CからJavaScriptへのシフトには、動的なタイピング、ゴミ収集、非同期プログラミングへの適応が必要です。 1)C/Cは、手動メモリ管理を必要とする静的に型付けられた言語であり、JavaScriptは動的に型付けされ、ごみ収集が自動的に処理されます。 2)C/Cはマシンコードにコンパイルする必要がありますが、JavaScriptは解釈言語です。 3)JavaScriptは、閉鎖、プロトタイプチェーン、約束などの概念を導入します。これにより、柔軟性と非同期プログラミング機能が向上します。

JavaScriptエンジン:実装の比較JavaScriptエンジン:実装の比較Apr 13, 2025 am 12:05 AM

さまざまなJavaScriptエンジンは、各エンジンの実装原則と最適化戦略が異なるため、JavaScriptコードを解析および実行するときに異なる効果をもたらします。 1。語彙分析:ソースコードを語彙ユニットに変換します。 2。文法分析:抽象的な構文ツリーを生成します。 3。最適化とコンパイル:JITコンパイラを介してマシンコードを生成します。 4。実行:マシンコードを実行します。 V8エンジンはインスタントコンピレーションと非表示クラスを通じて最適化され、Spidermonkeyはタイプ推論システムを使用して、同じコードで異なるパフォーマンスパフォーマンスをもたらします。

ブラウザを超えて:現実世界のJavaScriptブラウザを超えて:現実世界のJavaScriptApr 12, 2025 am 12:06 AM

現実世界におけるJavaScriptのアプリケーションには、サーバー側のプログラミング、モバイルアプリケーション開発、モノのインターネット制御が含まれます。 2。モバイルアプリケーションの開発は、ReactNativeを通じて実行され、クロスプラットフォームの展開をサポートします。 3.ハードウェアの相互作用に適したJohnny-Fiveライブラリを介したIoTデバイス制御に使用されます。

next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する(バックエンド統合)Apr 11, 2025 am 08:23 AM

私はあなたの日常的な技術ツールを使用して機能的なマルチテナントSaaSアプリケーション(EDTECHアプリ)を作成しましたが、あなたは同じことをすることができます。 まず、マルチテナントSaaSアプリケーションとは何ですか? マルチテナントSaaSアプリケーションを使用すると、Singの複数の顧客にサービスを提供できます

next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合)next.jsを使用してマルチテナントSaaSアプリケーションを構築する方法(フロントエンド統合)Apr 11, 2025 am 08:22 AM

この記事では、許可によって保護されたバックエンドとのフロントエンド統合を示し、next.jsを使用して機能的なedtech SaaSアプリケーションを構築します。 FrontEndはユーザーのアクセス許可を取得してUIの可視性を制御し、APIリクエストがロールベースに付着することを保証します

JavaScript:Web言語の汎用性の調査JavaScript:Web言語の汎用性の調査Apr 11, 2025 am 12:01 AM

JavaScriptは、現代のWeb開発のコア言語であり、その多様性と柔軟性に広く使用されています。 1)フロントエンド開発:DOM操作と最新のフレームワーク(React、Vue.JS、Angularなど)を通じて、動的なWebページとシングルページアプリケーションを構築します。 2)サーバー側の開発:node.jsは、非ブロッキングI/Oモデルを使用して、高い並行性とリアルタイムアプリケーションを処理します。 3)モバイルおよびデスクトップアプリケーション開発:クロスプラットフォーム開発は、反応および電子を通じて実現され、開発効率を向上させます。

JavaScriptの進化:現在の傾向と将来の見通しJavaScriptの進化:現在の傾向と将来の見通しApr 10, 2025 am 09:33 AM

JavaScriptの最新トレンドには、TypeScriptの台頭、最新のフレームワークとライブラリの人気、WebAssemblyの適用が含まれます。将来の見通しは、より強力なタイプシステム、サーバー側のJavaScriptの開発、人工知能と機械学習の拡大、およびIoTおよびEDGEコンピューティングの可能性をカバーしています。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、