Maison  >  Article  >  interface Web  >  Quelles sont les méthodes de parcours d'objets dans es6

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

青灯夜游
青灯夜游original
2022-05-19 13:17:5612602parcourir

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) {}

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

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"]

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

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)

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!

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