javascript - 输出map()的索引

Question

我想使用 map() 输出每个元素的索引。

const arr = [1,2,3,4,5,6,7,8,9];
const div = document.querySelector('.container')
div.innerHTML = arr.map((index,val) => "<div class='it'>"+val+"</div>" ).join('');

* {
    margin: 0;
    padding: 0;
}
.it {
    border: 2px solid;
    background-color: burlywood;
    color: white;
    width: 60px;
    height: 50px;
}

 <div class="container"></div>

如何输出内部每个元素的索引div.innerHTML = arr.map((index,val) => "<div class='it'>"+val+"</div>" ).join('');？

标签： javascript

Answer 1

考虑到您有以下情况：

const arr = [1,2,3,4,5,6,7,8,9];
...
div.innerHTML = arr.map((index,val) => "<div class='it'>"+val+"</div>" ).join('');

Array.prototype.map将元素的索引作为第二个参数。所以要得到这个索引，你的代码应该是这样的：

div.innerHTML = arr.map((val,index)=>`<div>${val} - ${index}</div>`).join('');

这应该可以解决您的问题。