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

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

Linda Hamilton
リリース: 2024-12-15 12:42:12
オリジナル
670 人が閲覧しました

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

JavaScript の圧縮構文を使用した 2D 配列の転置

2D 配列の転置には、行から列への変換、またはその逆の変換が含まれます。基本的なループベースのソリューションは存在しますが、JavaScript は関数型プログラミング技術を活用したより簡潔なアプローチを提供します。

提供された 2D 配列を考えてみましょう。

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

map() を使用した簡潔な転置は次のようになります。次のように表現します:

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

code:

  1. array[0].map: 元の配列の最初の行を繰り返します。
  2. (_,colIndex): 外側のマップが空の要素を反復処理するとき、実際の値の代わりにアンダースコア (_) プレースホルダーが使用されます。 ColIndex は列インデックスを表します。
  3. array.map: 列インデックスごとに、この内部マップは元の配列を反復処理します。
  4. row => row[colIndex] : 各行の指定された列の要素を抽出します。

結果は、元の配列の各行が転置された配列の列になった新しい 2D 配列になります。 :

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

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

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