微信小程序js的data数据里边有一个数组对象,里边有一个部门名称，求for循环把部门名称显示到界面上，再去除重复的部门数量，计算出部门数量显示到w.xml上,全部代码演示

首先在w.xml文件中添加一个显示部门数量的节点，如下所示：

<view>部门数量：{{departmentCount}}</view>

然后在w.js文件中，通过setData方法将部门数量显示在界面上。具体代码如下：

Page({
  data: {
    departments: [
      { name: '部门A', memberCount: 10 },
      { name: '部门B', memberCount: 20 },
      { name: '部门C', memberCount: 15 },
      { name: '部门B', memberCount: 5 },
      { name: '部门A', memberCount: 12 },
    ],
    departmentCount: 0,
  },

  onLoad: function () {
    // 遍历部门数组，获取所有的部门名称
    const departmentNames = this.data.departments.map(department => department.name);
    // 去重
    const uniqueDepartmentNames = [...new Set(departmentNames)];
    // 获取部门数量
    const departmentCount = uniqueDepartmentNames.length;
    // 更新部门数量显示
    this.setData({
      departmentCount: departmentCount,
    });
  },
})

在上述代码中，我们首先定义了一个包含多个部门对象的数组departments。接着在onLoad生命周期函数中，通过map方法遍历数组中的每一个部门对象，获取部门名称存储到departmentNames数组中。然后通过Set对象去重，再通过展开运算符(...)将去重后的部门名称放到uniqueDepartmentNames数组中。最后获取uniqueDepartmentNames数组的长度，即为部门数量，然后通过setData方法更新departmentCount的值，从而在界面上显示部门数量。