jQuery .each obtenir l'index des éléments

Question

Le tableau récupéré a une clé et une valeur pour chaque élément, mais je veux obtenir un index simple pour chaque valeur à savoir 0, 1, 2, 3, 4 etc qui n'est pas actuellement la clé donne (et je ne le veux pas non plus). L'utilisation de index ne semble pas non plus fonctionner.

$.getJSON("filepath/current.json", function(data) { 
    var items = []; 
    $.each(data, function(key,val) { 
    items.push("<p id='" + key + "'>" + val + "</p>"); 
    }); 
}); 

Answer 1

Pour objects jQuery each ne prend pas en charge un paramètre index. Mais vous pouvez créer un index pour le vôtre sans aucun problème. ;)

var data = { 
 
    one: "ONE", 
 
    two: "TWO", 
 
    three: "THREE" 
 
    }, 
 
    items = []; 
 

 
//Use a simple counter ;) 
 

 
(function() { 
 
    var i = 0; 
 
    $.each(data, function(key, val) { 
 
    items.push("<p id='" + i + "'>" + val + "</p>"); 
 
    i++; 
 
    }); 
 
})(); 
 

 
console.log(items);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

Essayez ceci:

var data = ["aa", "bb", "cc"]; 
 
var items = data.map((val, index) => "<p id='" + index + "'>" + val + "</p>"); 
 
console.log(items);

Et encore plus propre avec le modèle ECMAScrpt6 litéral:

var data = ["aa", "bb", "cc"]; 
 
var items = data.map((val, index) => `<p id='${index}'>${val}</p>`); 
 
console.log(items);

Answer 3

$.getJSON("filepath/current.json", function(data) { 
    var items = []; 
    for(key in data) { 
     var insert_key=parseInt(key)||0; 
     items.push("<p id='" + insert_key + "'>" + data[key] + "</p>"); 
    }   
}); 

Answer 4

La propriété key est littéralement l'index. Si le key n'est pas un index numérique, vos données ne sont pas un tableau mais un objet.

Vos choix sont:

a) repenser et refondre la solution. Qu'est-ce que vous allez utiliser 0, 1, 2 etc pour? Peut-il être remplacé? B) introduire une variable à l'extérieur de la portée each et l'incrémenter manuellement à l'intérieur de la portée. Si vous devez accéder au val ultérieurement en utilisant l'index numérique, vous devez mapper cet objet data à un tableau d'objets contenant uniquement les propriétés key et val.