javascript - 如何获取 javascript 数组的映射，但对最后一个元素执行不同的操作？

Question

获取此数组的映射但对最后一个数组索引项执行不同操作的最优雅方法是什么？

<div className="breadcrumb navigation">
   {
      folders.map(
         x => ([
            <a>{x}</a>,
            <i className="breadcrumb divider"></i>,
         ])
      )
   }
</div>

我的问题是面包屑分隔符不应出现在末尾。

Answer 1

map 将为您提供索引:

folders.map((x, i) => ([
    <a>{x}</a>,
    i < (folders.length-1) ? <i className="breadcrumb divider"></i> : '',
])

抱歉我缺乏reactjs语法。可能有点不对劲。

此外，对于所有类似的数组函数(map、reduce、filter 等)都是如此