ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript で 2D 配列を簡単に転置するにはどうすればよいですか?

JavaScript で 2D 配列を簡単に転置するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-17 09:09:25
オリジナル
414 人が閲覧しました

How Can I Easily Transpose a 2D Array in JavaScript?

JavaScript で 2D 配列を簡単に転置する

2D 配列を転置するには、行を列に、またはその逆に変換します。これは多くの場合、特定の処理要件に合わせてデータを再形成するために行われます。これを実現するためにループを使用するのが一般的ですが、より便利なアプローチがあります。

次の 2D 配列を考えてみましょう:

[
    [1,2,3],
    [1,2,3],
    [1,2,3],
]
ログイン後にコピー

それを転置するには:

[
    [1,1,1],
    [2,2,2],
    [3,3,3],
]
ログイン後にコピー

の力を活用できますmap:

output = array[0].map((_, colIndex) => array.map(row => row[colIndex]));
ログイン後にコピー

map 関数

map は、配列の各要素を反復処理し、コールバック関数を適用して要素を変換します。出力は、変換された値を含む新しい配列です。

転置コードの詳細

  • array[0] は、入力配列の最初の行にアクセスします。
  • コールバック関数 (_、colIndex) は要素 (_) とその列インデックスを受け取ります(colIndex).
  • コールバック内で、array.map(row => row[colIndex]) が各行を反復処理し、指定された列インデックスの要素を抽出します。
  • 結果は次のようになります。新しい列の配列

結論

マップを使用したこの簡潔なアプローチにより、転置プロセスが合理化され、ネストされたループの必要性がなくなり、コードが大幅に簡素化されます。

以上がJavaScript で 2D 配列を簡単に転置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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