微信小程序:实现数组对象中已知某一项更换对应项中的其他数据

//数据
data: {
  items: [{
        name: 'male',
        value: '男',
        checked: ""
      },
      {
        name: 'famale',
        value: '女',
        checked: ""
      },
    ],
}
//现要更改value为'男'的checked
//对数组对象进行循环
//设置一个变量index
let index = -1;
//进行循环,对数组对象的每一项value进行判断
for (let i = 0; i < this.data.items.length; i++) {
  if (this.data.items[i].value === '男') {
    //如果符合要求,就定义index的值为数组的项数
    index = i 
  }
}
//设置值
this.setData({
 //设置items数组中的第index项的checked为true
  ['items[' + index + '].checked']: true,
})

数据比较

开始的数据,checked均为空

执行方法后,value为'男'的一项checked值为true

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是一个简单的微信小程序图书页面的示例代码: ```html <!-- 图书页面 --> <view class="book-page"> <view class="book-list"> <!-- 图书列表 --> <view wx:for="{{books}}" wx:key="id" class="book-item"> <image src="{{item.cover}}" class="book-cover"/> <view class="book-info"> <view class="book-title">{{item.title}}</view> <view class="book-author">{{item.author}}</view> <view class="book-price">¥{{item.price}}</view> </view> </view> </view> </view> ``` ```javascript // 图书页面的逻辑 Page({ data: { books: [ {id: 1, title: 'JavaScript高级程序设计', author: 'Nicholas C.Zakas', price: 99.00, cover:'https://img3.doubanio.com/view/subject/l/public/s3059331.jpg'}, {id: 2, title: 'CSS揭秘', author: 'Lea Verou', price: 79.00, cover:'https://img3.doubanio.com/view/subject/l/public/s28350937.jpg'}, {id: 3, title: '深入浅出Vue.js', author: 'Evan You', price: 69.00, cover:'https://img3.doubanio.com/view/subject/l/public/s29667600.jpg'}, {id: 4, title: 'Node.js实战', author: 'Marc Harter', price: 89.00, cover:'https://img3.doubanio.com/view/subject/l/public/s29735089.jpg'} ] } }) ``` 这个示例代码,我们创建了一个图书页面,包含一个图书列表。图书列表使用了 `wx:for` 指令渲染,遍历了 `books` 数组的每一本书,使用了 `wx:key` 属性来指定每个图书项的唯一标识。图书项中包含了图书的封面、标题、作者和价格等信息,使用了 `image` 标签来显示封面图片。在页面的逻辑部分,我们使用了 `Page()` 函数来创建了一个页面对象,其 `data` 属性包含了图书列表所需的数据,即 `books` 数组

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值