微信小程序在js里面for循环时如何按if条件判断分别进行修改

img

img

男生和女生显示不同的颜色，男生显示蓝色，女生显示红色，请问js还应该怎么写

循环完了后你先打印一下arr，看看里面数据有没有改变

你好，我这边提供一个大概思路给题主，不一定代码层面上是准确无误的，希望对你有帮助
1、准备两套样式，一个是 .blue { color:blue }，一个是 .red { color:red }
2、假设控制颜色的标签是 <view>，那么可以根据性别，有如下伪代码（因为我是根据vue的写法来的，不一定在小程序中适用）

<view :class="isMan(sex)"></view>

function isMan(sex) {
  if(sex === '男') return 'blue'
  if(sex === '女') return 'red'
}

let userList = [{ name: "张三", idcard: "110662220012120356" }, { name: "刘四", idcard: "110662220012120346" }];
    for (let i = 0; i < userList.length; i++) {
      if (parseInt(userList[i].idcard.substr(16, 1)) % 2 == 1) {
        userList[i].color = "#0000cd";
      } else {
        userList[i].color = "red";
      }
    }
    that.setData({ userList });


<view wx:for="{{userList}}" wx:key="index">
  <image src="{{ic_account}}" style="background-color: {{item.color}};"></image>
  <view>{{item.name}}</view>
</view>

img