変数を使ってメソッドを連結する方法は？

Question

const persons = { 
 
    p1: { 
 
    first: "Yassine", 
 
    last: "Boutabia",  
 
    }, 
 
    p2: { 
 
    first: "Md Jahidul Hasan", 
 
    last: "Mozumder", 
 
    }, 
 
    p3: { 
 
    first: "Md Feroj", 
 
    last: "Ahmod", 
 
    }, 
 
} 
 

 
booYa =() => { 
 
    var val = "first"; //just an idea came to me 
 
    var arr = []; 
 
    for (var key in persons) { 
 
    if (persons.hasOwnProperty(key)) { 
 
     arr.push(persons[key]); 
 
    } 
 
    } 
 
    console.log(arr[0].val); 
 
}

変数arrここで配列としてpersonsオブジェクトを表します。私がconsole.log(arr[0].first);と書くとfirstのp1がYassineと出力されます。ここまでは順調ですね。 これは変数から最初に取得しようとしています。 firstまたはlastを変数に置き、arr[0]の最後にチェーンして、その値を取得します。どのようにそれを行うことができますか？

Answer 1

使用[]

console.log(arr[0][val]); 

Answer 2

あなたが欲しいところがアレイと、ディスプレイを変換するためにマップを使用することができます。

persons 
    .map(p => `${p.name} ${p.last}`) 
    .forEach(fullname => console.log(fullname))