首页 > 其他分享 >vue map 从一组对象中得到一个新的对象

vue map 从一组对象中得到一个新的对象

时间:2023-04-12 17:34:50浏览次数:40  
标签:map vue name 对象 pro list let id

示例数据:

let list=[{id:1,name:"张三"},{id:2,name:"李四"}]

1、使用 map  取name 属性得到一个string 数组

let arr= list.map(pro=>pro.name);

2、使用map 得到一个新的对象集合

let arr=list.map(pro=>({lable:pro.name,value:pro.id}))

 

标签:map,vue,name,对象,pro,list,let,id
From: https://www.cnblogs.com/AutumnSilence/p/17310524.html

相关文章

  • 简单的nmap扫描脚本
    简单的nmap扫描脚本下载链接:https://github.com/baimao-box/nmapscan/tree/main一次扫描命令解释:二次扫描命令解释:总结用这个脚本扫描时,比较隐蔽和快速,二次扫描时,扫描的端口信息也很详细。一次扫描时只需要输入目标ip即可,二次扫描时只输入要扫描的端口即可。扫描后的文件的存储位......
  • 基于vue和vite的cesium、cesiumNavigation使用--(1)项目构建及引入
    ​系统信息windows10LTSC21H2vscode:1.77.1nodejs:18.15.0npm:9.5.0版本信息vue:3.2.47vite:4.1.4cesium:1.104.0vue-router:4.1.6默认在以上的js相关版本下构建环境,并包括创建vue项目,创建vue-router文件并构建路由,创建vue视图等等,以上内容不再赘述。如环境和版本不同,则项......
  • AI对关于用vue构建低代码平台的认识
    写一个完整的低代码平台需要考虑到很多方面,包括需求分析、架构设计、UI/UX设计、后端开发以及前端实现等。下面是一个实现Vue低代码平台的大致步骤:1.需求分析:明确低代码平台的核心功能和用户需求,例如表单设计器、流程设计器、报表设计器、数据可视化等。2.架构设计:根据需求分......
  • MyBatis中XXMapper示例记录
    XXMapper.xml的结构示例如下,包括<resultMap>、<id>、<result>、<select>、<update>、<foreach>、<if>标签的使用:<?xmlversion="1.0"encoding="UTF-8"?><!DOCTYPEmapperPUBLIC"-//mybatis.org//DTDMapper......
  • vue pc使用htmlCanvas Jspdf 实现点击将页面生成图片并转成pdf下载
    <template><divid="main"ref="workbench"v-loading="loading"class="echartsPdf">需要的内容</div></template><script>importhtml2canvasfrom'html2canvas'importJspdf......
  • 基于vue3+ts+vite的项目使用‘unplugin-auto-import/vite’插件,自动全局导入api的注意
    ​ 1.首先安装插件npminstallunplugin-auto-import@vitejs/plugin-vue-D2.安装完成后在vite.congfig.ts中配置,红色部分就是关于插件的基础自动导入部分,这样就可以将vue和router的相关api全局导入了,importAutoImportfrom"unplugin-auto-import/vite"exportdefaultde......
  • 解决vue-elment-admin mock转在线接口地址跨域问题
    devServer:{  port:port,  open:true,  overlay:{   warnings:false,   errors:true  },  //before:require('./mock/mock-server.js')  proxy:{//[process.env.VUE_APP_BASE_API]  vue中env.文件中配置的api名称......
  • vuex store
    一,vuex:状态管理(集中式存储应用的所有组件的状态)vuex是vue的插件store:商店二,vuex有那些属性staste:{}-------------用来放数据的,类似于组件中的datagetters:{}-------------就是一个计算属性[类似于组件中的computed]mutations:{}-----------就是一个存放方法的[类似......
  • MapStruct使用说明
    目录1、简介2、构建2.1、ApacheMaven3、定义映射器3.1、基本映射器3.2、表达式3.3、自定义方法3.4、多个源对象3.4.1、源数据来源多个对象3.4.2、源数据来源普通参数3.5、嵌套对象属性3.6、更新bean实例3.7、public访问权限修饰符修饰的成员3.8、生成器3.9、构造器3.10、映射Map......
  • 新员工入职,前端基础环境变量的配置!node、nvm、vue-cli的安装和下载
    1.安装nvm及配置首先下载nvm不要下载node,如果电脑已经有node的话需要卸载node,并使用命令提示符来查看node的位置(wherenode)手动删除nvm下载链接:https://nvm.uihtm.com/下载最新版本,next傻瓜式操作(需要注意的是)选择node.js文件位置,如果需要更改,请在这里进行更改......