对象数组提取每个对象的某个元素生成新的数组并转化为字符串
目标数组
var arr = [
{
name: '1',
age: '12'
},
{
name: '2',
age: '12'
},
{
name: '3',
age: '12'
}
]
console.log(arr)
方法一
var arr2 = arr.map( x => x.name ).join('-')
console.log(arr2)
方法二
var arr3 = arr.reduce((total, currentValue) => { return total ? total + '-' + currentValue.name : currentValue.name }, '')
console.log(arr3)
所有代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var arr = [
{
name: '1',
age: '12'
},
{
name: '2',
age: '12'
},
{
name: '3',
age: '12'
}
]
console.log(arr)
var arr2 = arr.map( x => x.name ).join('-')
console.log(arr2)
var arr3 = arr.reduce((total, currentValue) => { return total ? total + '-' + currentValue.name : currentValue.name }, '')
console.log(arr3)
</script>
</body>
</html>