JavaScriptでネストされたアレイを使用します

JavaScript Arrayの詳細な説明

JavaScriptアレイは、リスト形式に保存されているデータのコレクションです。アレイはインデックスを使用してアクセスされます。つまり、各配列アイテムは0から始まる整数インデックスからアクセスできます。

たとえば、

単純な配列は次のようになります

この例では、配列の最初の要素は0にインデックスされ、2番目の要素は1にインデックス化されます。

<code class="language-javascript">let myArray = [1, 2, 3, 4, 5];</code>

配列は、迅速かつ簡単にアクセスする必要があるデータのコレクションを保存するためによく使用されます。たとえば、アプリケーションにユーザーのグループがある場合は、配列に保存してインデックスを介してアクセスできます。

配列は、文字列、数字、オブジェクトなど、さまざまな種類の値を保存できます。同じ配列に異なるタイプの値を保存することは完全に有効です。

<code class="language-javascript">let users = ["John", "Jane", "Jack"];
console.log(users[0]); // 输出： "John"</code>

別の配列に配列を保存（またはネスト）することもできます。これにより、いわゆる2次元配列が作成されます。

<code class="language-javascript">const varied = [null, undefined, NaN, "string", 12345, {name: "Sam"}];</code>

javaScriptネストされた配列

2次元配列（アレイの配列とも呼ばれます）は、1つ以上のサブアレイを含むアレイです。これらの子アレイは、親アレイにネストされていると呼ばれます。

ネストされた配列は、関連する要素をグループ化するために使用できます。たとえば、次の2次元配列を見てみましょう。

ここでは、同じ動物の女性と男性の名前を各ネストされた配列に組み合わせます。女性は左側にあり、男性は右側にいます。

<code class="language-javascript">const arrayOfArr = [
  ['value 1', 'value 2'],
  ['value 3', 'value 4'],
  ['value 5', 'value 6']
];</code>

最初の要素にアクセスするには、以下に示すようにインデックス0を使用できます。

<code class="language-javascript">const animalPairs = [
  // 母的和公的
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];</code>

コンソールでの結果の結果：

ここで、ネストされた配列内の値にアクセスするには、アクセスする値のインデックスを含む2番目の括弧を追加する必要があります。たとえば、最初の配列から女性の名前を取得したいとします。あなたは女性が常に前にいることを知っているので、あなたはただ必要です：

<code class="language-javascript">animalPairs[0]</code>

このネストされたアレイの最初の要素を取得するには（この場合は女性の名前）：

<code class="language-javascript">console.log(animalPairs[0]) // ['doe', 'buck'],</code>

出力は次のとおりです

• 最初のネストされた配列で2番目の要素を取得したい場合：[0]

この場合、各ネストされた配列には2つの要素のみがあるため、インデックスは

<code class="language-javascript">animalPairs[0][0]</code>

で終了し、ネストされたアレイを返し、2番目の

メソッド：

<code class="language-javascript">console.log(animalPairs[0][0]) // 'doe'</code>

親の端に配列を挿入するには、配列を親アレイの

メソッドに渡します：

<code class="language-javascript">animalPairs[0][1] // 'buck'</code>

[ ]最後に、最後の配列を削除するには、unshift()、

などを行います。

<code class="language-javascript">const animalPairs = [
  // 将在此处插入母鸡和公鸡
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
animalPairs.unshift(['hen', 'rooster']);</code>

ただし、ネストされたアレイでデータにアクセスして操作する方法を理解することで、言語をよりよく理解することができます。また、JavaScriptで複雑なアレイ構造を通過するための構文をマスターするのにも役立ちます。

以上がJavaScriptでネストされたアレイを使用しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。