美文网首页Web前端之路JavaScript 进阶营
用数组建立一个简单的循环

用数组建立一个简单的循环

作者: ikonan | 来源:发表于2020-09-17 16:53 被阅读0次

有时我们需要不停的循环数组的元素,就像一组旋转的图片,或者音乐的播放列表。这里告诉你如何使一个数组拥有循环的能力:

function makeLooper(arr) {
  arr.loopIdx = 0;
  arr.current = function() {
    this.loopIdx = ( this.loopIdx ) % this.length;
    return arr[this.loopIdx]
  }

  arr.next = function() {
    this.loopIdx++;
    return this.current(); 
  }

  arr.prev = function() {
    this.loopIdx--;
    return this.current()
  }
}

var aList = ['A','B','C','D','E']
makeLooper(aList)
console.log(aList.current())  // A
console.log(aList.next())     // B
console.log(aList.next())     // C
console.log(aList.prev())     // B

相关文章

  • 用数组建立一个简单的循环

    有时我们需要不停的循环数组的元素,就像一组旋转的图片,或者音乐的播放列表。这里告诉你如何使一个数组拥有循环的能力:

  • 0711-JS基础(数组去重,排序)

    数组去重 方法1:用for双重循环 方法2:先sort,然后用当前项和相邻项进行比较 方法3:建立新数组,用ind...

  • 基础

    输入 输出 循环 简单数组循环

  • iOS-OC-集合遍历

    一、使用for循环 要遍历字典、数组或者是集合,for循环是最简单也用的比较多的方法,示例如下: 优点:简单 缺点...

  • OC中的遍历

    一、使用for循环 要遍历字典、数组或者是集合,for循环是最简单也用的比较多的方法,示例如下 优点:简单 缺点:...

  • 《ruby 教程》初识对象

    数组 数组的简单使用 数组循环 do 和 end 间的代码叫做块,也可用 {}代替do和end,一般多行用do ....

  • 2018-09-10第一节vue

    v-for循环1,用vue输出内容 2,用v-for循环数组或对象 3,用v-for循环输出数组对象

  • 数组循环左移

    数组循环左移 本题要求实现一个对数组进行循环左移的简单函数:一个数组a中存有n(>0)个整数,在不允许使用另外数组...

  • 数组去重方法

    常规方法 思路 构建一个新的数组用来存放结果 for循环中每次从原数组取出一个元素,用这个元素循环与结果数组对比 ...

  • 练习2-4&&2-5

    这两个循环说起来也是挺容易的,2-4里的这个循环简单的说就是用一个变量i递增数组s1,然后用另一个变量递增s2数组...

网友评论

    本文标题:用数组建立一个简单的循环

    本文链接:https://www.haomeiwen.com/subject/rcvlyktx.html