Was sind die integrierten iterierbaren Objekte in JavaScript? Eine umfassende Analyse von

Was sind die integrierten iterierbaren Objekte in JS? Eine vollständige Analyse erfordert spezifische Codebeispiele.

In JavaScript bezieht sich ein iterierbares Objekt auf ein Objekt, auf dessen Elemente mithilfe eines Iterators zugegriffen werden kann. Nach ES6 implementieren viele integrierte Datenstrukturen das iterierbare Protokoll und können durch eine for...of-Schleife oder mithilfe eines Iteratorobjekts durchlaufen werden.

Die folgenden sind häufige iterierbare Objekte in JS:

1. Array (Array):

Array ist das häufigste iterierbare Objekt. Wir können eine for...of-Schleife oder ein Iteratorobjekt verwenden, um die Elemente in einem Array zu durchlaufen. Das Folgende ist ein Beispiel für ein Array-Objekt:

const arr = [1, 2, 3, 4];

// 使用for...of循环遍历
for (let item of arr) {
  console.log(item);
}

// 使用迭代器对象遍历
const iterator = arr[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

2. String (String):

Strings sind auch iterierbare Objekte. Wir können direkt eine for...of-Schleife oder ein Iteratorobjekt verwenden, um jedes Element im zu durchlaufen Zeichenfolge.

const str = 'Hello World';

// 使用for...of循环遍历
for (let char of str) {
  console.log(char);
}

// 使用迭代器对象遍历
const iterator = str[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

3. Array-ähnliches Objekt (Argumente):

Arguments-Objekt ist ein Array-ähnliches Objekt, das die Parameterliste enthält, die an die Funktion übergeben wird, wenn die Funktion aufgerufen wird. Da es sich außerdem um ein iterierbares Objekt handelt, können Sie eine for...of-Schleife verwenden, um jeden darin enthaltenen Parameter zu durchlaufen.

function sum() {
  for (let arg of arguments) {
    console.log(arg);
  }
}

sum(1, 2, 3, 4);

4. Set und Map:

Set und Map sind neue Datenstrukturen, die in ES6 eingeführt wurden. Sie sind auch iterierbare Objekte und ihre Elemente können mithilfe einer for...of-Schleife oder mithilfe eines Iteratorobjekts durchlaufen werden.

const set = new Set([1, 2, 3]);

// 使用for...of循环遍历Set中的元素
for (let item of set) {
  console.log(item);
}

// 使用迭代器对象遍历Set中的元素
const iterator = set[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

const map = new Map([
  ['name', 'John'],
  ['age', 25]
]);

// 使用for...of循环遍历Map中的元素
for (let [key, value] of map) {
  console.log(key, value);
}

// 使用迭代器对象遍历Map中的元素
const iterator = map[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

5. Generator-Objekt:

Generator ist eine spezielle Funktion, die den Ausführungsprozess über das Schlüsselwort yield anhalten und fortsetzen kann. Generatorobjekte sind ebenfalls iterierbare Objekte und können mithilfe einer for...of-Schleife oder mithilfe eines Iteratorobjekts durchlaufen werden.

function* generatorFunc() {
  yield 1;
  yield 2;
  yield 3;
}

const generator = generatorFunc();

// 使用for...of循环遍历Generator中的元素
for (let item of generator) {
  console.log(item);
}

// 使用迭代器对象遍历Generator中的元素
const iterator = generator[Symbol.iterator]();
let result = iterator.next();
while (!result.done) {
  console.log(result.value);
  result = iterator.next();
}

Zusammenfassung: Bei den oben genannten handelt es sich um häufig integrierte iterierbare Objekte in JavaScript, die alle durch for...of-Schleifen oder mithilfe von Iteratorobjekten durchlaufen werden können. Durch das Verständnis dieser iterierbaren Objekte können wir die von ihnen bereitgestellten Features und Funktionen besser nutzen.

Das obige ist der detaillierte Inhalt vonWas sind die integrierten iterierbaren Objekte in JavaScript? Eine umfassende Analyse von. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!