【Vue实用功能】Vue数组中的某属性拼接成字符串

搬砖了

已于 2022-10-27 09:08:01 修改

阅读量3.1k

点赞数

分类专栏： Vue实用功能 vue.js 文章标签：前端 vue.js

于 2022-08-09 09:39:15 首次发布

Vue实用功能同时被 2 个专栏收录

33 篇文章

订阅专栏

vue.js

23 篇文章

订阅专栏

本文介绍如何在Vue中将数组中的特定属性拼接成一个字符串，并通过具体示例展示了实现这一功能的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue数组中的某属性拼接成字符串

数组结构：
需求：选择数组对象，将名字取出来用逗号分隔开（name1,name2,name3）
在这里插入图片描述

let arr=[
	{id: "6426d720-ff2f-11ec-a7ec-5b04401f6d81",name: "哪里哪里"},
	{id: "6426d720-ff2f-11ec-a7ec-5b0440112345",name: "测量1221"},
	{id: "6426d720-ff2f-11ec-a7ec-5b04401f6d74",name: "门洞口"},
	{id: "6426d720-ff2f-11ec-a7ec-1204401f6d81",name: "窗洞口"},
	{id: "6426d720-ff2f-11ec-a7ec-7894401f6d81",name: "柜体洞口"},
]
let cavename = this.cavesData.map(function (elem) {
                            return elem.name;
                        }).join(",");