JS的map循环遍历如何获取索引

滕青山博客

已于 2023-06-19 10:45:01 修改

阅读量2.2k

点赞数

文章标签： javascript 前端

于 2023-06-14 17:07:27 首次发布

本文链接：https://blog.csdn.net/qq_34626094/article/details/129852727

版权

博客围绕JavaScript中map循环展开，提出将map循环改成索引，即获取索引值的问题，并提及在SegmentFault思否上也有关于此问题的讨论，但未给出具体解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题详情

let newarr = ""

newarr = data_Parts.map(v => `
    <ul>
        <li class="index">${v.data_id}</li>
        <li class="code">${v.number}</li>
        <li class="name">${v.name}</li>
        <li class="number">${v.quantity}</li>
        <li class="model">${v.options.map(item => `${item}`).join('')}</li>
    </ul>
`).join('')

请问我这个map 循环怎样把 <li class="index">${v.data_id}</li> 改成索引？就是怎么拿到索引值

解决方法

newarr = data_Parts.map((v, idx) => `
    <ul>
        <li class="index">${idx}</li>
        <li class="code">${v.number}</li>
        <li class="name">${v.name}</li>
        <li class="number">${v.quantity}</li>
        <li class="model">${v.options.map(item => `${item}`).join('')}</li>
    </ul>
`).join('')