Javascript array

var voiture = ['Saab', 'Volvo', 'BMW'];   
var cars = new Array('Saab', 'Volvo', 'BMW'); // même chose syntaxe trop lourde
//plus lisible pour les longues listes
var voiture = [
    'Saab',
    'Volvo',
    'BMW'
];

voiture[0] // contient Saab

var mesvoiture[1] = voiture; // on peut tout stocker dans une ligne de tableau, un autre tableau, un objet, une fonction ...
var mesvoiture[3] = ['Saab','Peugeot', 'Fiat'] ; // un tableau stocké dans un tableau

typeof voiture;             // returns object  et pas array  utiliser plutôt :
Array.isArray(voiture);     // true  
var camion = [];   // -> création du tableau camion vide

// ne pas utiliser si on veut un tableau -> voir objets
var person = {firstName:'John', lastName:'Doe', age:46};   // un peu comme un tableau, mais un objet -> les propriétés tableau ne s'y appliquent pas
voiture['marque']='peugeot'' //  voiture est devenu un objet -> ne pas faire

/********************************************************/
var x = voiture.length;            // x -> 3 

var voiture_tri = voiture.sort();  // une copie de voiture triée par ordre alpha
voiture.push('Renault');           // ajoute à la fin du tableau et retourne la longeur du tableau
unshift()                          // idem début du tableau
var tt=voiture.pop();              // enlève le dernier élément du tableau  et le met dans tt
var tt=voiture.shift();            // idem premier element

voiture.splice(2, 0, 'Fiat', 'Citroen');  // se positionne en 2 dans voiture, enlève 0 élement et insère Fiat, Citroen

var a = voiture.indexOf('Volvo');      // 1  voiture[1] = 'Volvo' permet de tester si une valeur est dans un tableau -1 si pas trouvé
var a = voiture.lastIndexOf('Volvo');  // comme indexOf mais parcours le tableau en partant de la fin

/***********************************************************/
// parcourir le tableau
var index;
for (index = 0; index < voiture.length; index++) {
    console.log(voiture[index]);
} 

// la même chose
function aff(item, index){ console.log(item);}
voiture.forEach(aff);


// parcour tout le tableau applique une fonction et retourne le résultat dans un tableau
var v2 = voiture.map(
            function(valeur, index){return valeur + 'tt';}
         );   //v2 -> ["Saabtt", "Volvott", "BMWtt"]

// idem mais retourne une seule valeur
var v2 = voiture.reduce(
            function(total, valeur){return total + '--' + valeur;}  // total est le return du calcul précedent
         );   //v2 -> "Saab--Volvo--BMW"
reduceRight() ; // la même chose mais parcour le tableau de droie à gauche

voiture.reverse();  //['Saab', 'Volvo', 'BMW']  -- > ['BMW', 'Volvo', 'Saab'];

/************************************************************/
var voiture_txt = voiture.join();  //  -> "Saab,Volvo,BMW"  toutes les valeur du tableau dans une chaîne

var vehicule = voiture.concat(camion);    // faire un tableu avec deux

// recherche le premier sur critère (saute les valeurs vides)
var ages = [3, 10, 18, 20];
function checkAdult(age) {
    return age >= 18;
}
var adult = ages.find(checkAdult);  // retourne 18 : la première réponse true de la fonction checkAdult
var adult ages.findIndex(checkAdult); // même chose mais retourne l'index : 2

les array sont aussi des objets -> voir les possibilité des object

liens

w3schools

     

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

sixty three + = sixty eight