多次元配列の2つ目を取得したい

Question

前提・実現したいこと

多次元配列の「name2」の箇所を、下記のコードを使用してconsoleで出力したいのですが、指定方法がわかりません。

var test = [
            {name1: 'あ', name2: 'か'},
            {name1: 'い', name2: 'き'},
            {name1: 'う', name2: 'く'},
        ];
        
var str =(a,b,...c)=> '文字'+(c.length?a+ str(b,...c):a+b);
console.log(str (...test));

どなたかお教えいただけると、大変助かります。

文字か文字きく

と出力されると理想的です。

また、この配列取得のコードは、以前こちらのサイトでお教えいただいたものなのですが、「a,b」などを使用して配列を取得する方法の名称は、なんというものなのでしょうか。

Answer 1

こうでしょうか（老婆心ですが、演算子の前後などには適宜スペースを加えると読み易くなると思われます）

var test = [
            {name1: 'あ', name2: 'か'},
            {name1: 'い', name2: 'き'},
            {name1: 'う', name2: 'く'},
        ];

var str =(a,b,...c) => '文字'+(c.length?a.name2+ str(b,...c):a.name2+b.name2);
console.log(str (...test));

ご提示のコードだと 文字[object Object]文字[object Object][object Object] という出力になると思います。
[object Object] と出力されるということは、文字通りオブジェクトがそのまま文字列となって出力されているわけです。
「ならばプロパティアクセスすればよさそうだ」という考えに至れれば解決は近かったのではと思います。
ちなみにこれは配列の各要素がオブジェクトになっているだけで、多次元配列ではないですね。

ところで (a, b, ...c) の ...c の部分はレスト構文（※）、 str(...test) の ...test の部分はスプレッド構文とそれぞれ呼ばれ、名前が違います。
併せて覚えておくといいでしょう。

※ 英語を直訳すると「レストパラメータ構文」の方が正しいのかもしれませんが私はこう呼んでいます。なお、MDNでは「残余引数構文」と訳されています。

Comments

[11111]

ご回答ありがとうございます！疑問点に全てお答えいただき、学習のアドバイスもいただけて、とてもわかりやすく、助かりました。