将数组对象中的值取出来，再用逗号拼接

1.先看需求

有一个数组如下，我需要将全部的title取出来，拼接成字符串，例如：

ID,用户名,性别,城市,签名,积分,评分,职业,财富

 let x = [
        {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
        ,{field: 'username', title: '用户名', width:80}
        ,{field: 'sex', title: '性别', width:80, sort: true}
        ,{field: 'city', title: '城市', width:80}
        ,{field: 'sign', title: '签名', width: 177}
        ,{field: 'experience', title: '积分', width: 80, sort: true}
        ,{field: 'score', title: '评分', width: 80, sort: true}
        ,{field: 'classify', title: '职业', width: 80}
        ,{field: 'wealth', title: '财富', width: 135, sort: true}
      ]

2.传统写法

 let x = [
      {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'}
      , {field: 'username', title: '用户名', width: 80}
      , {field: 'sex', title: '性别', width: 80, sort: true}
      , {field: 'city', title: '城市', width: 80}
      , {field: 'sign', title: '签名', width: 177}
      , {field: 'experience', title: '积分', width: 80, sort: true}
      , {field: 'score', title: '评分', width: 80, sort: true}
      , {field: 'classify', title: '职业', width: 80}
      , {field: 'wealth', title: '财富', width: 135, sort: true}
    ]
    let title = "";
    x.forEach(item => {
      title += item.title + ","
    })
    title = title.substring(0, title.length - 1)

3.语法糖写法

 let x = [
      {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'}
      , {field: 'username', title: '用户名', width: 80}
      , {field: 'sex', title: '性别', width: 80, sort: true}
      , {field: 'city', title: '城市', width: 80}
      , {field: 'sign', title: '签名', width: 177}
      , {field: 'experience', title: '积分', width: 80, sort: true}
      , {field: 'score', title: '评分', width: 80, sort: true}
      , {field: 'classify', title: '职业', width: 80}
      , {field: 'wealth', title: '财富', width: 135, sort: true}
    ]
    let title =  x.map(item=>item.title).join(",")
    console.log(title);

节省了循环，拼接以及去除最后一个逗号的操作，全部交给语法糖封装的函数去处理，非常的优雅。