如果我有一个字符串数组,我可以使用.join()方法获得一个字符串,每个元素用逗号分隔,如下所示:

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

我有一个对象数组,我想对其中的值执行类似的操作;所以从

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

只对name属性执行join方法,以实现与前面相同的输出。

目前我有以下功能:

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

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

  return out.join(", ");
}

这段代码没有什么问题,它可以工作,但突然之间,我从简单、简洁的代码行变成了一个非常命令式的函数。有没有更简洁,更实用的写法呢?


当前回答

我不知道是否有不使用外部库的更简单的方法,但我个人喜欢underscore.js,它有大量用于处理数组、集合等的实用程序。

使用下划线,你可以用一行代码轻松做到这一点:

_。拔(arr的名字”)。加入(" ")

其他回答

在node或ES6+上:

users.map(u => u.name).join(', ')

试试这个

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

function joinObj(a, attr) {
  var out = []; 
  for (var i=0; i<a.length; i++) {  
    out.push(a[i][attr]); 
  } 
 return out.join(", ");
}

var z = joinObj(x,'name');
z > "Joe, Kevin, Peter"
var y = joinObj(x,'age');
y > "22, 24, 21"

简单的方法:

const oldArrayOfObjects = [ {姓名:“鲍勃”,年龄:40}, {姓名:“安德鲁”,年龄:25}, {姓名:“Peter”,年龄:30}]; const newArrayOfStringNames = oldArrayOfObjects.map((OA) => OA.name); const newArrayOfAges = oldArrayOfObjects.map((OA) => OA.age); console.log ({newArrayOfStringNames, newArrayOfAges})

我不知道是否有不使用外部库的更简单的方法,但我个人喜欢underscore.js,它有大量用于处理数组、集合等的实用程序。

使用下划线,你可以用一行代码轻松做到这一点:

_。拔(arr的名字”)。加入(" ")

这招对我很管用:

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

 return users.map((user: { name: string; }) => user.name).join(", ");