Javascriptの二次元配列の出力について

Question

初歩的な質問となりますが、ご回答頂けると助かります。

Javascriptで図1のような二次元配列を図2のようにテキストなどに出力したい場合、どのようにすればよいのでしょうか。
配列を一気にそのまま出力しようとすると1行ででてきてしまうのですが、これを配列(レコード)ごとに改行して出力するにはfor文などを使う以外は難しいでしょうか？

図1

var ary = [
  [0, 0, 0, 9], 
  [0, 0, 0, 0],
  [0, 9, 9, 9]
];

図2

0, 0, 0, 9 
0, 0, 0, 0
0, 9, 9, 9

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[Riko24067924]

すみません、確かにそうですよね。
ご助言ありがとうございます。

[think49]

要求仕様のみを書くのではなく、「あなたが試したこと」を「わからないこと」と共に書くと良いと思います。
回答に対してのコメントも要求だけ伝えて、何も試していないのではないかと思わされる内容でした。

Answer 1

他回答へのコメントを拝見しましたが、google app script (google sheet)の話なんですよね。
だとしたら改行をどうこうなんていうのはナンセンスです。
setValuesは配列の配列を取ります。これにまとめた配列を渡すのがapi callを少なくするたったひとつの冴えたやりかたです。

function q218510() {
    const ary = [
        [0, 0, 0, 9],
        [0, 0, 0, 0],
        [0, 9, 9, 9]
    ];
    const arr = [
        [0, 0, 0, 9],
        [0, 0, 0, 0],
        [0, 9, 9, 9]
    ];
    const asset = ary.concat(arr);
    SpreadsheetApp.getActive().getActiveSheet().getRange(1,1,asset.length,asset[0].length).setValues(asset);
}

あと、他回答にある「=>」はgasでは使えないので、タグやどういう環境で何をしたいかを可能な限り具体化したほうが、望ましい回答が得られる可能性を高めます（こういう環境に起因した相違を自分で解消できるなら話は別です）。

Comments

[Riko24067924]

ありがとうございます！
ご助言等深く胸に刻みます。以後気をつけます。

Answer 2

質問内容の確認

Javascriptで図1のような二次元配列を図2のようにテキストなどに出力したい場合、**「どのようにすれば」**よいのでしょうか。

確認ですが、求めている回答は「方法」で「コード(丸投げ)」ではないのですよね。

• 推奨していない質問｜teratail（テラテイル）

Array.prototype.join

「図1」から「図2」にするだけなら、

var ary = [
  [0, 0, 0, 9], 
  [0, 0, 0, 0],
  [0, 9, 9, 9]
];

console.log(ary.join('\n'));

※フォーマットに指定がない為、「与えられた条件のみ」で回答しました。

CSV

CSVで出力するつもりなら、", のエスケープ処理が必要です。

• rfc4180 - Google 検索

for 文の入れ子が効率が良いですが、分かりやすく書くのであれば、下記のように実装します。

1. Array.prototype.map で行変換
2. Array.prototype.map で列変換(ダブルコーテーションで括った値に置換)
3. Array.prototype.join で , を連結子にする

Re: Riko24067924 さん

Comments

[Riko24067924]

ありがとうございます！！
はい、コードではなく方法の知見をご教示頂きたかったです。
配列の結合joinでやりたいことができました。
とても助かりました。

知見のご教示ありがとうございました。

Answer 3

こんにちは

お役に立てる回答になっているか、やや心もとないですが、以下、参考までに回答します。

ご質問にある、

var ary = [
  [0, 0, 0, 9], 
  [0, 0, 0, 0],
  [0, 9, 9, 9]
]

に対して、

const csvLines = ary.map(a => a.join(','))

とすると、csvLines は、以下のような、各要素がカンマで区切られた文字列である配列になります。

["0,0,0,9", "0,0,0,0", "0,9,9,9"]

さらに、上記の csvLinesに対して、以下のようにすると、 各要素の末尾に改行を追加して結合した、一つの文字列が得られます。

const text1 = csvLines.map(csv => `${csv}\n`).join()

上記の場合、最後の行の行末にも改行が追加されますが、最後の行の行末には、改行が不要ということであれば、以下でもよいです。

const text2 = csvLines.join('\n')

• 動作確認用 CodePen: https://codepen.io/jun68ykt/pen/RwwKPbX?editors=0112

以上、参考になれば幸いです。

Comments

[Riko24067924]

ありがとうございます！
Joinで解決することができました。助かりました。

[jun68ykt]

どういたしまして。解決されたとのことで、よかったです????

Answer 4

「固定」なら1個ずつ書けば良いですけど。

console.log(ary[0][0]+","+ary[0][1]+","+ary[0][2]+","+ary[0][3]);
console.log(ary[1][0]+","+ary[1][1]+","+ary[1][2]+","+ary[1][3]);
console.log(ary[2][0]+","+ary[2][1]+","+ary[2][2]+","+ary[2][3]);

Comments

[kei344]

console.table( ary )

[m.ts10806]

1行で書きたくないのかなぁと思って（console.log()以外って結構有用なのに使われないですよね）

[Riko24067924]

回答ありがとうございます。
また言葉足らずで申し訳ありません。。

やりたいこととしては、既に配列に格納されている二次元配列の配列ごとの最後に改行コードを追記してまた、配列に格納し、それを一気にテキストやスプレッドシートに吐き出す。といったことをしたいです。

スプレッドシートに吐き出す場合、1行ずつだとapiを何度も叩いてしまうので上記のようなことをしたいと思っています。

[m.ts10806]

質問編集して要件とご自身のコードを追記してください。書いてあること以上のことは他者には伝わりませんので