主页 / 问题 / 1308168
Accepted
Black Fire
Asked:2022-07-23 22:00:01 +0000 UTC2022-07-23 22:00:01 +0000 UTC

如何匹配两个数组中的数据？

  • 772

有必要在段落中添加相应的文本。例如：第一个 - arr[0]，第二个 - arr[1]，第三个 - arr[2]，第四个 - arr[3]，第五个 - arr[4]

现在数组的最后一个元素被添加到所有内容中。怎么做才对？

let arr = ["aaa", "bbb", "ccc", "ddd", "eee"];

let description = document.querySelectorAll('.descr');
let res = Array.from(description);

res.map((item) => {
  arr.map((value) => {
    item.innerText = value;
  })
})
<p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>

javascript

1 个回答

  1. Best Answer

    如果页面上元素的顺序和数组的元素匹配，你可以利用它们索引的重合，通过方法遍历元素的集合forEach()，为此你甚至不需要将集合变成数组，集合有这样的方法。

    let arr = ["aaa", "bbb", "ccc", "ddd", "eee"];

let description = document.querySelectorAll('.descr');

description.forEach((element, index) => {
 element.textContent = arr[index];
});
    <p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>
<p class="descr"></p>

    • 1

相关问题