请问大家关于map 循环遍历拿这个索引的问题？

Question

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> 改成索引？就是怎么拿到索引值

Answer 1

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('')

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

看第二行

语法
// 箭头函数
map((element) => { /* … */ })
map((element, index) => { /* … */ })
map((element, index, array) => { /* … */ })

// 回调函数
map(callbackFn)
map(callbackFn, thisArg)

// 内联回调函数
map(function(element) { /* … */ })
map(function(element, index) { /* … */ })
map(function(element, index, array){ /* … */ })
map(function(element, index, array) { /* … */ }, thisArg)

参数
callbackFn
生成新数组元素的函数，使用三个参数：

currentValue
callbackFn 数组中正在处理的当前元素。

index
callbackFn 数组中正在处理的当前元素的索引。

array
map 方法调用的数组。

thisArg 可选
执行 callbackFn 函数时被用作 this 的值。

返回值
一个新数组，每个元素都是回调函数的返回值。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。