数据库一个字段下有多条数据，但是每一个数据对应在页面上不同的值，用js循环怎么实现

假设你从数据库中获取到了一个包含多条数据的数组 `dataArray`，每个元素都是一个对象，其中一个属性为 `fieldName` 表示数据库中的字段名，另一个属性为 `fieldValue` 表示该字段对应的值。现在你需要在页面上展示这些数据，但是每一个数据对应的 HTML 元素不同。你可以使用 `querySelectorAll` 方法获取到所有对应的 HTML 元素，然后使用 `for` 循环遍历数组，根据每个元素的 `fieldName` 属性找到对应的 HTML 元素，然后设置它的值为对应的 `fieldValue`。

示例代码如下：

const fieldElements = document.querySelectorAll('.field'); // 获取所有对应的 HTML 元素

for (let i = 0; i < dataArray.length; i++) {
  const fieldName = dataArray[i].fieldName; // 获取当前元素的 fieldName 属性
  const fieldValue = dataArray[i].fieldValue; // 获取当前元素的 fieldValue 属性

  for (let j = 0; j < fieldElements.length; j++) {
    const fieldElement = fieldElements[j];
    if (fieldElement.dataset.fieldName === fieldName) { // 判断当前元素是否对应当前 fieldName 属性
      fieldElement.textContent = fieldValue; // 设置当前元素的值为 fieldValue
    }
  }
}

其中，假设 HTML 元素的 class 为 `field`，并且每个元素都有一个 `data-field-name` 属性，值为对应的 `fieldName`。你需要根据具体情况替换它们。