主页 / 问题 / 1272327
Accepted
Dan
Asked:2022-04-20 12:52:49 +0000 UTC2022-04-20 12:52:49 +0000 UTC

拆分 JS 数组并在 2 个不同位置输出的最佳方法？

  • 772

我从服务器收到一系列类别。有这样一个任务，将前4个元素显示在一个地方，其余的在另一个地方。我用这个构造

地点 1

Restaurant.kinds.slice(0,3).map((kind:any, index:number) => {
                      return( 
                        <li key={index}>
                          <a href="#"  data-kind={kind.id} onClick={scrollToCategory}>{kind.name}</a>
                        </li>
                      )
                    })

地点 2

Restaurant.kinds.slice(3,-1).map((kind:any, index:number) => {
                          return( 
                            <li data-kind={kind.id} key={index}>
                              <a href="#" data-kind={kind.id} onClick={scrollToCategory}>{kind.name}</a>
                            </li>
                          )
                        })

也就是通过切片方法，有没有更正确的选项可以显示？

javascript

1 个回答

  1. Best Answer

    可以通过filter

    Restaurant.kinds.filter( (_, index:number)=>index<3).map((kind:any, index:number) => {
                      return( 
                        <li key={index}>
                          <a href="#"  data-kind={kind.id} onClick={scrollToCategory}>{kind.name}</a>
                        </li>
                      )
                    })

    也通过reduce，但在这种情况下，立即与map

    • 1

相关问题