Maison  >  Article  >  interface Web  >  Quelles sont les méthodes définies par ES6 ?

Quelles sont les méthodes définies par ES6 ?

青灯夜游
青灯夜游original
2021-09-03 15:55:065634parcourir

Les méthodes d'ensemble es6 peuvent être divisées en deux catégories : 1. Méthodes d'opération "add(value)", "delete(value)", "has(value)", clear(); (), entrées(), forEach().

Quelles sont les méthodes définies par ES6 ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 6, ordinateur Dell G3.

ES6 fournit un nouvel ensemble de structures de données. C'est similaire à un tableau, mais les valeurs des membres sont uniques et il n'y a pas de valeurs en double.

Souvent, nous appelons Set un ensemble, mais un Set peut être un ensemble, et un ensemble n'est pas nécessairement un Set.

Caractéristiques : Unicité => Pas de duplication => Possibilité de dédupliquer les données.

Création d'un ensemble

Set lui-même est un constructeur, et le constructeur est appelé pour générer la structure de données Set.

关键词 标识符 = new Set();

Exemple

let i = new Set();

La fonction Set peut accepter un tableau (ou un objet de type tableau) comme paramètre pour l'initialisation des données.

let i = new Set([1, 2, 3, 4, 4]);  //会得到  set{1, 2, 3, 4,}

Remarque : S'il y a des valeurs en double données lors de l'initialisation, elles seront automatiquement supprimées. Les collections n'ont pas de méthode de déclaration littérale et ne peuvent être déclarées qu'à l'aide du nouveau mot-clé.

Attributs de Set

Il n'y a qu'un seul attribut couramment utilisé : size - renvoie le nombre total de membres de l'instance Set. Les méthodes de

let s = new Set([1, 2, 3]);
console.log( s.size ); // 3

Set

Les méthodes d'instance Set sont divisées en deux catégories : les méthodes d'opération (pour les opérations sur les données) et les méthodes de parcours (pour le parcours des données).

Méthode de fonctionnement :

  • add(value) Ajouter des données et renvoyer une nouvelle structure Set

  • delete(value) Supprimer les données et renvoyer une valeur booléenne indiquant si la suppression a réussi

  • has( value) Regardez si certaines données existent, renvoie une valeur booléenne

  • clear()  Efface toutes les données, aucune valeur de retour

let set = new Set([1, 2, 3, 4, 4]);
// 添加数据 5
let addSet = set.add(5);
console.log(addSet); // Set(5) {1, 2, 3, 4, 5}

// 删除数据 4s
let delSet = set.delete(4);
console.log(delSet); // true 此处返回值是个boolean 表示 是否删除成功

// 查看是否存在数据 4
let hasSet = set.has(4);
console.log(hasSet); // false

// 清除所有数据
set.clear();
console.log(set); // Set(0) {}

Méthode Traversal :

Set fournit trois fonctions de génération de traverseur et un Traversal méthode.

  • keys()   Renvoie un traverseur de noms de clés

  • values()   Renvoie un traverseur de valeurs clés

  • entries()   Renvoie un traverseur de paires clé-valeur

  • forEach() Utilisez le fonction de rappel pour parcourir chaque membre

let color = new Set(["red", "green", "blue"]);
for(let item of color.keys()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.values()){
 console.log(item);
}
// red
// green
// blue
for(let item of color.entries()){
 console.log(item);
}
// ["red", "red"]
// ["green", "green"]
// ["blue", "blue"]
color.forEach((item) => {
 console.log(item)
})
// red
// green
// blue

[Apprentissage recommandé : Tutoriel avancé javascript]

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn