微信小程序:用map()将对象数组中的某一项组合成新数组

使用分析

  • 使用map()方法来遍历 info 数组中的每个元素,并整合每一个对象中的某一项进行新数组的重组

效果展示

这里是查询对象数组中的全部name值

原始数据

提取出name的数组

核心代码

var infos = items.map(item => item.name);

完整代码(用微信小程序中的js编写)

javascript 复制代码
Page({
  data: {
    item:[
      {
        id:1,
        name:'张三',
        age:20
      },{
        id:2,
        name:'李四',
        age:21
      },{
        id:3,
        name:'王五',
        age:22
      },
    ]
  },
  onLoad(options) {
    var items = this.data.item;
    console.log(items)
    var infos = items.map(item => item.name);
    console.log(infos)
  },
})
相关推荐
2501_9160074716 分钟前
Python实现HTTPS爬虫的完整指南:使用requests、BeautifulSoup、Selenium和Scrapy
爬虫·python·ios·小程序·https·uni-app·iphone
FungLeo1 小时前
Taro 开发小程序, 把 @ 配成 src 路径别名,webpack / tsconfig / scss 三处同步的正确姿势
webpack·小程序·taro
万亿少女的梦1682 小时前
基于微信小程序、Express与MongoDB的校园失物招领系统设计
mongodb·微信小程序·node.js·express·系统设计
灵枢时代2 小时前
小程序在生鲜配送行业,如何设计夜间预约和次日达的订单处理流程?
数据结构·人工智能·小程序
小徐_233315 小时前
Wot UI 2.3.0 发布:二维码组件来了,Open Wot 与 wot-starter 同步更新
前端·微信小程序·uni-app
2601_953720821 天前
【计算机毕业设计】基于微信小程序的拼车服务系统设计与实现
微信小程序·小程序·课程设计
乐启国际旅行社有限公司1 天前
文旅小程序性能优化:分包加载+地图视口懒加载解决景区卡顿与包超限
性能优化·小程序
FungLeo1 天前
Taro 4 微信小程序:RootPortal CSS 变量继承问题与自建 PagePortal 解决方案
微信小程序·taro·css 变量
万岳科技系统开发2 天前
校园跑腿外卖搭建助力高校周边商家拓展线上业务
大数据·人工智能·小程序
微三云 - 廖会灵 (私域系统开发)2 天前
消费返物业费平台搭建:美家时代商业模式拆解与系统开发选型指南
小程序·系统架构