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);

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

原文地址:https://blog.csdn.net/BrotherJinJin/article/details/124863273

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_41657.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注