☰

オブジェクトの配列の値に対して .join を実行する 質問する

tag-icon • tag-icon javascript arrays object
オブジェクトの配列の値に対して .join を実行する 質問する

文字列の配列がある場合は、.join()メソッドを使用して、次のように各要素がコンマで区切られた単一の文字列を取得できます。

["Joe", "Kevin", "Peter"].join(", ") // => "Joe, Kevin, Peter"

オブジェクトの配列があり、その中に保持されている値に対して同様の操作を実行したいので、

[
  {name: "Joe", age: 22},
  {name: "Kevin", age: 24},
  {name: "Peter", age: 21}
]

join属性に対してのみメソッドを実行しname、以前と同じ出力を実現します。

現在、次の機能があります:

function joinObj(a, attr){
  var out = [];

  for (var i = 0; i < a.length; i++){
    out.push(a[i][attr]);
  }

  return out.join(", ");
}

このコードには何の問題もなく、動作しますが、突然、シンプルで簡潔なコード行から非常に命令的な関数になってしまいました。これをより簡潔に、理想的にはより機能的に記述する方法はありますか?

ベストアンサー1

オブジェクトを何か（この場合はプロパティ）にマッピングしたい場合、Array.prototype.map機能的にコーディングしたい場合、これがまさにあなたが探しているものです。

（フィドル）

古いブラウザをサポートしたい場合は、ES5準拠shim を使うこともできます (上記の MDN ページにポリフィルがあります)。別の方法としては、underscorejs のpluck方法：

var users = [
      {name: "Joe", age: 22},
      {name: "Kevin", age: 24},
      {name: "Peter", age: 21}
    ];
var result = _.pluck(users,'name').join(",")

おすすめ記事