JS retourner le prochain dans le tableau, cycle sans fin

Question

J'ai une liste de chaînes comme si;

var mystrings = [ 
    'apple', 
    'banana', 
    'orange' 
] 

Je voudrais une fonction que je puisse appeler à tout moment pour obtenir la chaîne suivante. Et quand la fin de la liste est atteinte, recommencez et récupérez le premier. Je l'utilise pour une liste de classes CSS qui doivent être appliquées dans l'ordre de la liste, mais je ne serai pas en boucle sur cette liste quand elles sont nécessaires.

Je ne peux pas comprendre et il est difficile de google. Des idées?

Answer 1

Voici une petite fonction amusante:

function enumerator(array) { 
    var index = 0; 
    return function() { 
     return array[index++%array.length] 
    } 

} 

appelé comme ceci:

var next = enumerator(["a", "b"]); 
next(); // a 
next(); // b 
next(); // a 

Answer 2

Utilisez une variable d'index externe et l'incrément ou le remettre à 0 à chaque appel

Answer 3

// Your array is declared in global scope 
var mystrings = [ 
    'apple', 
    'banana', 
    'orange' 
]; 

// A global index variable... 
var strIndex = 0; 
function getNextString() { 
    // If you reached the end of the array, reset to 0 
    if (strIndex === mystrings.length - 1) { 
     strIndex = 0; 
     return mystrings[strIndex]; 
    } 
    // Otherwise, increment it and return the new value 
    else return mystrings[++strIndex]; 
} 

// Call it as 
var currentString = getNextString();