如何从数组中获取下一个和前五个元素?

编程入门 行业动态 更新时间:2024-10-07 04:22:31

如何从数<a href=https://www.elefans.com/category/jswz/34/1771283.html style=组中获取下一个和前五个元素?"/>

如何从数组中获取下一个和前五个元素?

我有一个包含 n 个元素的数组。

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]

还有两个按钮 next 和 prev 最初我显示数组的前 5 个元素(在页面加载时)初始数组 [1, 2, 3, 4, 5]

我如何在下一个按钮上显示接下来的五个元素单击[6、7、8、9、10]并在上一个按钮上单击要显示[1、2、3、4、5]

并且还需要检查它是否没有任何下一个元素,如果包含 lastIndex 以及数组是否包含第一个元素。

我试过使用 slice 来 arr.slice(begin[, end])

回答如下:

let 
  arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],
  size = 5,
  current = 1;

function handleClick(go){
  if(go === "prev" && current > 1){
    current--
  }
  else if(go === "next" && current >= 1 && current < arr.length/size){
    current++
  }
  console.log(getNewArr())
}

function getNewArr(){
  return arr.slice(size*current - size, size*current)
}
<button onclick=handleClick("prev")>prev</button>
<button onclick=handleClick("next")>next</button>

更多推荐

如何从数组中获取下一个和前五个元素?

本文发布于:2024-05-30 14:41:57,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1770605.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:组中   元素

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!