Maison > interface Web > Questions et réponses frontales > Quelles sont les méthodes de parcours d'objets dans es6

Quelles sont les méthodes de parcours d'objets dans es6

青灯夜游
Libérer: 2022-06-08 17:04:41
original
12624 Les gens l'ont consulté

6 façons de parcourir les objets : 1. L'instruction "for...in" peut parcourir les propriétés énumérables propres et héritées de l'objet ; 2. keys() parcourt les noms de propriétés et values() parcourt les propriétés. ​sont parcourus ; 3. getOwnPropertyNames(), qui peut renvoyer un tableau contenant toutes les propriétés, etc.

Quelles sont les méthodes de parcours d'objets dans es6

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

6 façons de parcourir les propriétés d'un objet dans ES6

1. for...in

Parcourez les propriétés énumérables propres et héritées de l'objet (à l'exclusion des propriétés de symbole)

for (let k in obj) {}
Copier après la connexion

Parcourez les propriétés énumérables de l'objet propriétés énumérables propres et héritées (boucle à travers les propriétés énumérables propres et héritées de l'objet (à l'exclusion des propriétés de symbole)

let obj = {'0':'a','1':'b','2':'c'}
for (let k in obj) {
	console.log(k+':'+obj[k])
}
//0:a
//1:b
//2:c
Copier après la connexion

Quelles sont les méthodes de parcours dobjets dans es6

2, Object.keys(obj)|| Object .values(obj)

Renvoie un tableau, y compris toutes les propriétés énumérables de l'objet lui-même (à l'exclusion de l'héritage) (à l'exclusion des propriétés de symbole)

keys() est une traversée de noms de propriétés, values() est une paire Traversée de valeurs de propriété

let obj = {'0':'a','1':'b','2':'c'}
console.log(Object.keys(obj))
//["0","1","2"]
console.log(Object.values(obj))
//["a","b","c"]
Copier après la connexion

Quelles sont les méthodes de parcours dobjets dans es6

3 . Object.getOwnPropertyNames(obj)

Renvoie un tableau contenant toutes les propriétés de l'objet lui-même (à l'exclusion des propriétés, mais y compris les propriétés non énumérables)

let obj = {'0':'a','1':'b','2':'c'};

Object.getOwnPropertyNames(obj).forEach(function(key){
    console.log(key,obj[key]);
});
// 0 a
// 1 b
// 2 c
Copier après la connexion

Quelles sont les méthodes de parcours dobjets dans es6

4. Renvoie un tableau contenant toutes les propriétés Symbol de l'objet lui-même

Exemple : Obtenez la propre propriété de valeur Symbol de l'objet

var obj = {};
var a = Symbol("a");
var b = Symbol.for("b");

obj[a] = "localSymbol";
obj[b] = "globalSymbol";

var objectSymbols = Object.getOwnPropertySymbols(obj);

console.log(objectSymbols.length); // 2
console.log(objectSymbols)         // [Symbol(a), Symbol(b)]
console.log(objectSymbols[0])      // Symbol(a)
Copier après la connexion

Quelles sont les méthodes de parcours dobjets dans es6

5.Reflect. propriétés de l'objet lui-même, que le nom de la propriété soit un symbole ou une chaîne, ou qu'il soit énumérable. parcourant toutes les propriétés énumérables de l'objet lui-même et héritées (à l'exclusion des propriétés du symbole), les mêmes que la boucle for...in.

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