前端遍历一个数组数据，把每条数据中，相同的只显示一个其他的为空，代码编写

可以通过遍历数组，将每个数据中相同的值保留一个，其他的则置为空。

以下是一个示例代码（假设数组名为`data`，每个数据对象中有`name`、`age`、`gender`三个属性）：

let uniqueData = []; // 存放去重后的数据

data.forEach((item, index) => {
  let isExist = false; // 标记当前数据是否已存在于去重后的数组中

  // 遍历已存在的数据，查找是否有与当前数据相同的属性值
  uniqueData.forEach((uniqueItem, uniqueIndex) => {
    if (uniqueItem.name === item.name && uniqueItem.age === item.age && uniqueItem.gender === item.gender) {
      // 如果存在相同数据，则将标记设为 true
      isExist = true;
      return false; // 结束遍历
    }
  });

  // 如果当前数据不存在于去重后的数组中，则将其加入数组
  if (!isExist) {
    let newData = {
      name: item.name,
      age: item.age,
      gender: item.gender
    };
    uniqueData.push(newData);
  }
});

console.log(uniqueData); // 打印去重后的数组

可以根据具体的数据结构和需求进行修改，比如可以将需要去重的属性名存储在一个数组中，然后通过循环遍历来动态获取属性值和判断是否存在相同数据。