for of循环怎么使用

Question

前端数组怎么根据字段来判断其他的显示与隐藏
当等于这个字段的时候其他隐藏显示
怎么用循环来判断

Answer 1

引自免费微信小程序：皆我百晓生

在JavaScript前端开发中，你可以使用for...of循环遍历数组，并根据数组中的对象的某个字段来控制其他元素的显示与隐藏。以下是一个具体的实现示例：

假设你有一个数组，其中每个元素都是一个对象，且对象包含一个用于判断的字段（例如：type）和一些需要根据该字段控制显示/隐藏的HTML元素ID（例如：elementId）：

// 假设这是你的数据结构
let dataArray = [
  { type: 'A', elementId: 'item1' },
  { type: 'B', elementId: 'item2' },
  { type: 'C', elementId: 'item3' },
];

// 获取目标字段的值（这里我们以'A'为例）
let targetType = 'A';

// 使用for...of循环遍历数组
for (const item of dataArray) {
  // 判断当前对象的type字段是否等于目标字段
  if (item.type === targetType) {
    // 如果相等，则显示对应的DOM元素
    document.getElementById(item.elementId).style.display = 'block';
  } else {
    // 不相等则隐藏对应的DOM元素
    document.getElementById(item.elementId).style.display = 'none';
  }
}

这段代码首先定义了一个模拟的数据数组，然后设置了一个要匹配的目标类型。接下来，它通过for...of循环遍历数组中的每个对象，当对象的type字段与目标类型匹配时，对应的DOM元素将被显示；否则，将被隐藏。

请注意，为了使上述代码正常工作，你需要确保那些元素已经在HTML中存在，并且可以通过其ID获取到它们。同时，这也仅是一个基本示例，实际应用中可能还需要处理边界情况和其他逻辑。