Javascript

West

town: Le Mesnil le Roi
Joined 22 March 2012
Personal website: www.pirates-corsaires.com

4 Memos
0 subscribers

Date May 26, 2023
Différence entre MAP, FILTER et REDUCE
-------------------------------------------------

https://www.wenovio.com/2017/04/11/javascript-manipuler-vos-donnees-mapfilterreduce/

MAP : La fonction map(), est une boucle « for each » conçue pour les transformations de valeurs. Pour chaque valeur entrée, on a une valeur sortie. On aura donc un tableau final ayant le même nombre d'éléments que le tableau d'origine.

Exemple :
const numbers = [1, 2, 3, 4];
const new_numbers = numbers.map(n => n * 2);
console.log("Les nombres doublés sont", new_numbers); // [2, 4, 6, 8]

FILTER : La fonction filter() permet de filtrer un ensemble de données. filter() ne retourne pas de données modifiées, mais doit retourner une valeur booléenne(vrai/faux).
Associée à la fonction map(), on génère un tableau de sortie selon des paramètres. Ceci a un impact sur si les données testées seront prises en compte ou non.

Exemple :
const numbers = [1, 2, 3, 4];
const new_numbers = numbers.filter(n => n % 2 !== 0).map(num => num * 2);
console.log("Les nombres doublés sont", new_numbers); // [2, 6]

REDUCE : Permet d'obtenir un sous-produit des données d’un tableau, par exemple un total.

Exemple :
const numbers = [1, 2, 3, 4];
const total_number = numbers.map(n => n * 2).reduce((total, number) => total + number, 0);
console.log("Le total est", total_number); // 20

La seconde valeur passée à la méthode est la valeur de départ de la valeur qui sera retournée. Dans ce cas-ci, la valeur de départ est 0. Pour chacune des valeurs dans le tableau, on double la valeur et la cumule à partir de 0. La résultante est de 20. ((1×2)+(2×2)+(3×2)+(4×2)).

Date December 07, 2021
RECURSIVITE

var total = 0;
function somme(value) {
if (value > 0) {
total += value;
somme(value -1);
}

return total;
}

document.write("total suite de 5 = " + somme(5));

// Autre version de recursivite, plus simple et sans déclarer de variable à l'extérieur

function somme2(value) {
if (value == 1) {
return 1;
}

return value + somme2 (value -1);
}

document.write("<br><br>total suite de 5 = " + somme2(5));

Date October 31, 2021
// EVOLUTION DES DECLARATIONS DE TABLEAUX

// Ancienne version
let monTableau1 = new Array('un', 'deux', 'trois');

// Version de déclaration plus récente, il n'y a plus le new
let monTableau2 = Array('un', 'deux', 'trois');

// Dernière version utilisée, juste des crochets
let monTableau3 = ['un', 'deux', 'trois'];

// Utilisation
console.log( monTableau3[0] );

// Ajout de données en fin de tableau
monTableau3.push('quatre');
// Ajout de données en début de tableau
monTableau3.unshift('zero');

console.log(monTableau3);

// --------------------
// TABLEAUX EN 2 DIMENSIONS
// 1 tableau dans 1 tableau

// Ancienne déclaration
let monTableau2D1 = new Array(
Array('Mark', 'Jeff', 'Bill'),
Array('Zuckerberg', 'Bezos', 'Gates')
);

// Nouvelle déclaration
let monTableau2D2 = [
['Mark', 'Jeff', 'Bill'],
['Zuckerberg', 'Bezos', 'Gates']
];

// Utilisation
console.log( monTableau2D2[0][0] ); // [ligne][colonne]

// Ajouter un élément dans la première ligne du tableau
monTableau2D2[0].push('test');

// --------------------
// TABLEAUX ASSOCIATIFS
// On associe des noms aux éléments

let monTableauAssociatif = {
'prenom' : 'Mark',
'nom' : 'Zuckerberg',
'poste' : 'PDG de Meta'
};

// Utilisation
console.log( monTableauAssociatif['poste'] );

// Ajouter un élément
monTableauAssociatif['nationalité'] = 'Américaine';

console.log( monTableauAssociatif );

Date October 31, 2021

Advertising