質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.35%

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

解決済

回答 4

投稿

  • 評価
  • クリップ 0
  • VIEW 2,525

score 5

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

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
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kei344

    2019/10/21 20:17

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

    キャンセル

  • Riko24067924

    2019/10/21 20:40

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

    キャンセル

  • think49

    2019/10/22 09:56

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

    キャンセル

回答 4

+3

他回答へのコメントを拝見しましたが、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では使えないので、タグやどういう環境で何をしたいかを可能な限り具体化したほうが、望ましい回答が得られる可能性を高めます(こういう環境に起因した相違を自分で解消できるなら話は別です)。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/10/22 10:35

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

    キャンセル

checkベストアンサー

+2

質問内容の確認

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

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

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で出力するつもりなら、", のエスケープ処理が必要です。

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

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

Re: Riko24067924 さん

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/10/22 10:37

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

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

    キャンセル

+1

「固定」なら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]);

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/10/21 20:23

    console.table( ary )

    キャンセル

  • 2019/10/21 20:25

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

    キャンセル

  • 2019/10/21 20:39

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

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

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

    キャンセル

  • 2019/10/22 05:06

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

    キャンセル

+1

こんにちは

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

ご質問にある、

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')

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

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/10/22 10:34

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

    キャンセル

  • 2019/10/22 12:30

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

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.35%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る