如果我有一个字符串数组，我可以使用.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(", ");
}
这段代码没有什么问题，它可以工作，但突然之间，我从简单、简洁的代码行变成了一个非常命令式的函数。有没有更简洁，更实用的写法呢?
当前回答
Const lists = [ {名字:“乔”，年龄:22岁}， {姓名:“凯文”，年龄:24}， {姓名:“彼得”，年龄:21岁} ］ const joinedStr = lists.map((list) => list.name).join(" ") console.log(“加入”,joinedStr)
这应该可以做到，因为map将返回一个字符串数组，然后您可以加入它
其他回答
你可以转换为数组，得到对象名
Var objs = [ {名字:“乔”，年龄:22岁}， {姓名:“凯文”，年龄:24}， {姓名:“彼得”，年龄:21岁} ]; document.body.innerHTML = Object.values(objs).map(函数(obj){ 返回obj.name; })；
不确定，但所有这些答案，虽然他们工作，但不是最优的，因为正在执行两次扫描，你可以在一次扫描中执行这一点。尽管O(2n)被认为是O(n)但有一个真正的O(n)总是更好的。
const Join = (arr, separator, prop) => {
let combined = '';
for (var i = 0; i < arr.length; i++) {
combined = `${combined}${arr[i][prop]}`;
if (i + 1 < arr.length)
combined = `${combined}${separator} `;
}
return combined;
}
这可能看起来很老派，但允许我这样做:
skuCombined = Join(option.SKUs, ',', 'SkuNum');
简单的方法:
const oldArrayOfObjects = [ {姓名:“鲍勃”，年龄:40}， {姓名:“安德鲁”，年龄:25}， {姓名:“Peter”，年龄:30}]; const newArrayOfStringNames = oldArrayOfObjects.map((OA) => OA.name); const newArrayOfAges = oldArrayOfObjects.map((OA) => OA.age); console.log ({newArrayOfStringNames, newArrayOfAges})
这招对我很管用:
var users = [
{name: "Joe", age: 22},
{name: "Kevin", age: 24},
{name: "Peter", age: 21}
]
return users.map((user: { name: string; }) => user.name).join(", ");
如果对象和动态键:“应用程序\”:{\“1 \”,\“Element1 \”,\“2 \”,\“Element2 \”}
Object.keys(myObject).map(function (key, index) {
return myObject[key]
}).join(', ')
