Maison > interface Web > js tutoriel > le corps du texte

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

青灯夜游
Libérer: 2023-01-07 11:47:08
original
5651 Les gens l'ont consulté

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();
Copier après la connexion

Exemple

let i = new Set();
Copier après la connexion

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,}
Copier après la connexion

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
Copier après la connexion

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) {}
Copier après la connexion

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
Copier après la connexion

[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!

Étiquettes associées:
es6
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal