Maison > Article > interface Web > Journée - Certification professionnelle des fondations avaScript par Mozilla
Points forts du concept :
Le bouclage est un concept fondamental en programmation, permettant d'exécuter plusieurs fois un bloc de code. En JavaScript, for...of et for...in sont deux boucles couramment utilisées, mais elles servent à des fins différentes. Comprendre les différences peut vous aider à écrire un code plus efficace et efficient.
La boucle for...of est utilisée pour parcourir des objets itérables, tels que des tableaux, des chaînes, des cartes et des ensembles. Il fournit un moyen simple d'accéder à chaque valeur de la séquence sans avoir à se soucier de l'index.
par exemple)
let teams = ['Red Sox', 'Dodgers', 'Padres']; for (let team of teams) { console.log(team); } // Output: // Read Sox // Dodgers // Padres
Dans cet exemple, for...of accède directement à chaque élément (équipe) du tableau teams et l'enregistre dans la console. Cette boucle est idéale lorsque vous n'avez besoin que des valeurs et non des indices.
La boucle for...in, quant à elle, est utilisée pour parcourir les propriétés (clés) d'un objet. Il est souvent utilisé avec des objets, mais il peut également être utilisé avec des tableaux pour accéder aux index.
par exemple)
let Mariners = {place: 'Seattle', league: 'American', color: 'navy blue'}; for (let key in Mariners) { console.log(`${key}: ${Mariners[key]}`); } // Output: // place: Seattle // league: American // color: navy blue
Dans cet exemple, for...in parcourt les clés de l'objet Mariners, permettant d'accéder à la fois à la clé et à la valeur correspondante. Il est important de noter que for...in doit être utilisé avec prudence avec les tableaux, car il parcourt toutes les propriétés énumérables, pas seulement les indices numériques.
JavaScript fournit une variété de structures de données, chacune avec ses forces et ses faiblesses. J'ai exploré les différences entre certains des plus couramment utilisés :
par exemple)
`
let mySet = new Set([1, 2, 3, 3, 4]);
laissez myArray = [1, 2, 3, 3, 4];
console.log(mySet) // Sortie : Set { 1, 2, 3, 4 >
console.log(myArray) // Sortie : [1, 2, 3, 3, 4]
`
Dans cet exemple, le Set() supprime automatiquement les doublons 3, tandis que le Array les conserve. Set() est utile lorsque vous avez besoin d’une collection d’éléments uniques.
Types de clés :
Commande :
Taille :
par exemple)
`
let myMap = new Map();
maCarte.set('nom', 'Jean');
maMap.set(42, 'La réponse');
myMap.set({}, 'Objet vide');
laisser monObjet = {
nom : 'Jean',
42 : 'La réponse',
{} : 'Objet vide'
};
console.log(myMap.size); // Sortie : 3
console.log(Object.keys(myObject).length); // Sortie : 2 (en raison de la conversion de la chaîne de clé)
`
Dans cet exemple, Map() permet l'utilisation d'une variété de types de clés, tandis que les clés d'objet sont converties en chaînes. De plus, Map() fournit facilement la taille de la carte, alors que pour les objets, vous devez compter manuellement les clés.
par exemple)
`
let mySet = new Set([1, 2,3]);
let myMap = new Map([['key1', 'value1'], ['key2', 'value2']]);
console.log(mySet.has(2)); // Sortie : vrai
console.log(myMap.get('key1')); // Sortie : 'valeur'1
`
Dans cet exemple, Set() est utilisé pour vérifier l'existence d'une valeur, tandis que Map() est utilisé pour récupérer une valeur associée à une clé.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!