对象数组提取每个对象的某个元素生成新的数组并转化为字符串_取出后数值对象中的某个元素兴建一个数组-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44634727/article/details/121761351

对象数组提取每个对象的某个元素生成新的数组并转化为字符串

目标数组
方法一
方法二
所有代码

目标数组

        var arr = [
            {
                name: '1',
                age: '12'
            },
            {
                name: '2',
                age: '12'
            },
            {
                name: '3',
                age: '12'
            }
        ]
        console.log(arr)

方法一

        // map里面的第一个参数是一个函数 x是没有此循环的元素的值 x.name是返回值 最终map返回的是一个新的数组
        var arr2 = arr.map( x => x.name ).join('-')
        console.log(arr2)

方法二

        // reduce里面的第一个参数是一个函数 第二个参数是第一个参数函数的total的初始值 这里我传入的是空 total上次循环的返回值和currentValue当前数据元素的值
        // reduce的返回值是一个新的数组
        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)
        
        // map里面的第一个参数是一个函数 x是没有此循环的元素的值 x.name是返回值 最终map返回的是一个新的数组
        var arr2 = arr.map( x => x.name ).join('-')
        console.log(arr2)

        // reduce里面的第一个参数是一个函数 第二个参数是第一个参数函数的total的初始值 这里我传入的是空 total上次循环的返回值和currentValue当前数据元素的值
        // reduce的返回值是一个新的数组
        var arr3 = arr.reduce((total, currentValue) => { return total ? total + '-' + currentValue.name : currentValue.name }, '')
        console.log(arr3)
    </script>
</body>
</html>