javascript – 如何映射反应中的索引范围？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何映射反应中的索引范围？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1122字，纯文字阅读大概需要2分钟。

内容图文

<table>
   <tbody>
   {this.state.data.map((person, i) => <TableRow key = {i} data = {person} />)}
   </tbody>
</table>

这会映射我的整个数组,但是如何从最小索引映射到最大索引？所以说我的阵列有500个元素.我想将此数组(数据)从索引15映射到24(包括端点). (所以我的屏幕上只有10个元素).

编辑：这些答案很有意思..但是没有提到.filter()虽然？我看到它可能对我想要的东西有所帮助,但我正在试图弄清楚如何做出反应.

解决方法:

使用Array#slice()从this.state.data中提取所需值的浅表副本.

const SubsetTable = props => {
  let {startIndex, endIndex, data} = props

  let subset = data.slice(startIndex, endIndex)

  return (
   <table>
     <tbody>
       {subset.map((person, i) => (<TableRow key = {i} data = {person} />)}
     </tbody>
   </table>
  )
}

// Since splice() is inclusive of the range given, you'll need to 
// adjust your range to include that last index if needed
// The below will grab all values in indexes 15-24, 
<SubsetTable startIndex={15} endIndex={25} data={this.state.data} />

由于您已经更新了问题,关于Array#filter()的使用,filter()要求您遍历整个集合. Array#slice()仅用于提取您想要提取的连续索引范围.当您提供一个条件,希望所有Array数据成员都满足并且您的集合是无序的时,filter()会更好.

内容总结

以上是互联网集市为您收集整理的javascript – 如何映射反应中的索引范围？全部内容，希望文章能够帮你解决javascript – 如何映射反应中的索引范围？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端