ホームページ > ウェブフロントエンド > フロントエンドQ&A > JavaScript の 3 次元配列の合計

JavaScript の 3 次元配列の合計

王林
リリース: 2023-05-09 12:16:07
オリジナル
894 人が閲覧しました

JavaScript は、Web 開発で広く使用されているプログラミング言語です。この言語では、配列を使用して大量のデータを処理することが一般的な手法になっています。場合によっては、3 次元空間座標の処理など、データを処理するために 3 次元配列を使用する必要があります。この記事では、JavaScript を使用して 3 次元配列に対して合計演算を実行する方法を紹介し、読者が JavaScript での配列の使用方法について詳しく学ぶのに役立ちます。

まず、3 次元配列とは何かを見てみましょう。 3 次元配列は、複数の 2 次元配列を重ね合わせて形成され、各配列には一定数の要素が含まれ、これらの要素が 3 次元に配置されます。 JavaScript では、次の方法で 3 次元配列を定義できます。

let array3D = [
  [
    [1, 2],
    [3, 4]
  ],
  [
    [5, 6],
    [7, 8]
  ]
];
ログイン後にコピー

この 3 次元配列内のすべての要素に対して合計演算を実行できます。

まず、要素を走査できるように、この 3 次元配列を 1 次元配列に変換する必要があります。ネストされたループを使用してマルチレベルのトラバーサルを実装し、3 次元配列内のすべての要素を 1 次元配列に追加できます。

let array3D = [
  [
    [1, 2],
    [3, 4]
  ],
  [
    [5, 6],
    [7, 8]
  ]
];

let array1D = [];

for (let i = 0; i < array3D.length; i++) {
  for (let j = 0; j < array3D[i].length; j++) {
    for (let k = 0; k < array3D[i][j].length; k++) {
      array1D.push(array3D[i][j][k]);
    }
  }
}

console.log(array1D); // [1, 2, 3, 4, 5, 6, 7, 8]
ログイン後にコピー

3 次元配列を 1 次元配列に変換したので、その中の要素を合計することができます。 reduce() 関数を使用して配列内の要素を追加し、3 次元配列内のすべての要素の合計を取得できます。

let array3D = [
  [
    [1, 2],
    [3, 4]
  ],
  [
    [5, 6],
    [7, 8]
  ]
];

let array1D = [];

for (let i = 0; i < array3D.length; i++) {
  for (let j = 0; j < array3D[i].length; j++) {
    for (let k = 0; k < array3D[i][j].length; k++) {
      array1D.push(array3D[i][j][k]);
    }
  }
}

let sum = array1D.reduce((a, b) => a + b);

console.log(sum); // 36
ログイン後にコピー

コードでは、reduce() 関数を使用して、array1D 内のすべての要素を追加します。 reduce() 関数は 2 つのパラメータを受け入れます。1 つは配列内の要素を操作するために使用されるコールバック関数で、もう 1 つは配列内の最初の要素または 0 を指定できる初期値です。この例では、配列内のすべての要素が加算され、初期値が 0 に設定されます。

上記は、JavaScript を使用して 3 次元配列を合計する方法です。 3 次元配列を 1 次元配列に変換し、reduce() 関数を使用して合計すると、3 次元配列内のすべての要素の合計を取得できます。この方法は 3 次元配列だけでなく、任意の次元の配列も処理できるため、大規模なデータを処理する場合に非常に便利です。この記事が、読者が JavaScript 言語での配列操作をよりよく習得するのに役立つことを願っています。

以上がJavaScript の 3 次元配列の合計の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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