Zusammenfassung der Methoden zum Durchlaufen von Objekten (5 Typen) und Durchlaufen von Arrays (6 Typen) in js

Dieser Artikel bietet Ihnen eine Zusammenfassung der Methoden zum Durchlaufen von Objekten (5 Typen) und zum Durchlaufen von Arrays (6 Typen). Ich hoffe, dass er für Freunde, die ihn benötigen, hilfreich sein wird Dir. Hilft.

1. Objektmethoden durchqueren

1.for...in
Ausgabe durchqueren sind die Eigenschaften des Objekts selbst und die aufzählbaren Eigenschaften in der Prototypenkette (mit Ausnahme der Symboleigenschaften). Die endgültige Ausgabe der Eigenschaften auf der Prototypenkette zeigt, dass zuerst die aufzählbaren Eigenschaften des Objekts durchlaufen werden und dann die

weiter Die Prototypenkette wird durchlaufen

Das Durchlaufen des Objekts gibt ein Array zurück, das die aufzählbaren Attribute des Objekts selbst enthält (mit Ausnahme des Symbol-Attributs)

eg:
var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' };
Object.prototype.pro1 = function() {};//在原型链上添加属性
Object.defineProperty(obj, 'country', {
  Enumerable: true //可枚举
});
Object.defineProperty(obj, 'nation', {
  Enumerable: false //不可枚举
})
obj.contry = 'china';
for (var index in obj) {
  console.log('key=', index, 'value=', obj[index])
}

Ausgabeergebnis:

3.Objcet.getOwnPropertyNames()

Gibt ein Array aufzählbarer und nicht aufzählbarer Eigenschaften des Objekts selbst aus und gibt keine Eigenschaften aus auf der Prototypenkette

eg:
var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' };
Object.prototype.pro1 = function() {}
Object.defineProperty(obj, 'country', {
  Enumerable: true,
  value: 'ccc'
});
Object.defineProperty(obj, 'nation', {
  Enumerable: false //不可枚举
})
obj.contry = 'china';
Object.keys(obj).forEach(function(index) {
  console.log(index, obj[index])
});

Ausgabeergebnis:

4.Reflect.ownKeys()

Gibt alle Attribute des Objekts selbst zurück, unabhängig davon, ob der Attributname ein Symbol oder eine Zeichenfolge ist oder ob er aufzählbar ist

eg:
var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' };
Object.prototype.pro1 = function() {}
Object.defineProperty(obj, 'country', {
  Enumerable: true,
  value: 'ccc'
});
Object.defineProperty(obj, 'nation', {
  Enumerable: false //不可枚举
})
obj.contry = 'china';
Object.getOwnPropertyNames(obj).forEach(function(index) {
  console.log(index, obj[index])
});

Ergebnisse zurückgeben:

5. _.keys

Mit der Traversal-Methode des Unterstrich-Plug-Ins kann nur die Aufzählung durchlaufen werden Attribute des Objekts selbst

eg:
var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' };
Object.prototype.pro1 = function() {}
Object.defineProperty(obj, 'country', {
  Enumerable: true,
  value: 'ccc'
});
Object.defineProperty(obj, 'nation', {
  Enumerable: false //不可枚举
})
obj.contry = 'china';
Reflect.ownKeys(obj).forEach(function(index) {
  console.log(index, obj[index])
});

Ausgabeergebnisse:

2. Traversing-Array-Methode

1. forEach

eg:
var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' };
Object.prototype.pro1 = function() {}
Object.defineProperty(obj, 'country', {
  Enumerable: true,
  value: 'ccc'
});
Object.defineProperty(obj, 'nation', {
  Enumerable: false //不可枚举
})
obj.contry = 'china';
console.log(_.keys(obj));

Ausgabeergebnisse:

2 .map

kann durchlaufen werden. Jedes Element wird entsprechend verarbeitet und ein Array bestehend aus den Ergebnissen jedes Funktionsaufrufs wird zurückgegeben

3 >

eg:
var arr = ['a', 'b', 'c', 'd'];
arr.forEach(function(value, index) {
  console.log('value=', value, 'index=', index);
})

Ausgabeergebnis:

4.for...in

eg:
var arr = ['a', 'b', 'c', 'd'];
arr.map(function(item, index, array) {
  console.log(item, index);
})

Ausgabeergebnis:

5.for...of

(es6)Durchläuft nur den Wert, kann den Index nicht durchqueren, kann die Attribute des Symboldatentyps durchqueren, diese Methode wird zum Durchlaufen aller Datenstrukturen verwendet. Die einheitliche Methode

eg:
var arr = ['a', 'b', 'c', 'd'];
for (var i = 0; i 

gibt Ergebnisse aus:

6. Unterstrich-Plugin verwenden

eg:
var arr = ['a', 'b', 'c', 'd'];
for (var i in arr) {
  console.log('index:', i, 'value:', arr[i])
}

Ergebnisse ausgeben:

Verwandte Empfehlungen:

JS durchquert Arrays und Objekte. Detaillierte Erläuterung der Unterschiede und Methoden des rekursiven Durchlaufens von Objekten und Arrays und Eigenschaften

js-Code zum Durchlaufen der Eigenschaften von Objekten

Zwei Möglichkeiten, Arrays in js zu durchqueren

Das obige ist der detaillierte Inhalt vonZusammenfassung der Methoden zum Durchlaufen von Objekten (5 Typen) und Durchlaufen von Arrays (6 Typen) in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!