javascript - 如何使用 React 同时获得 2 个系列的价值？

Question

如何使用 React 同时获得 2 个系列的价值？我需要这样的东西

array = [1,2,3,4,5,6];

array.map(item1,item2=>(
   <div>
     <span>item1 - item2</div>
   </div>
))

预期输出：

1 - 2
3 - 4
5 - 6

标签： javascriptarraysreactjs

Answer 1

考虑到数组总是有偶数个元素：

array = [1,2,3,4,5,6];

Array.from(Array(array.length / 2).keys())
  .map(i => {
    const item1 = array[i*2];
    const item2 = array[i*2 + 1];

    return (
      <div>
        <span>item1 - item2</div>
      </div>
    );
  )

有很多方法，但基本技巧是使用 2 个元素的步骤进行迭代。在此示例中，我从 0 迭代到数组索引的前半部分。如果我们将它乘以 2，我们会将 [0, 1, 2] 转换为 [0, 2, 4]。然后，为第二个元素加 1。