美文网首页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
    

    相关文章

      网友评论

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

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