Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

Highlight: entries()-Methode

Baseline 2025
Neu verfügbar

Seit June 2025 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.

>

Die entries()-Methode der Highlight-Schnittstelle gibt ein neues Iterator-Objekt zurück, das ein Array von [range, range] für jedes AbstractRange-Objekt im Highlight-Objekt in der Einfügereihenfolge enthält.

Highlight ist ein Set-ähnliches Objekt, daher ist dies vergleichbar mit der Verwendung von Set.entries().

Syntax

js
entries()

Parameter

Keine.

Rückgabewert

Ein neues Iterator-Objekt, das ein Array von [range, range] für jedes AbstractRange-Objekt im gegebenen Highlight in Einfügereihenfolge enthält.

Beispiele

Das folgende Code-Snippet zeigt, wie man ein neues Highlight mit zwei Bereichen erstellt und dann die Bereiche mithilfe des Iterators, der von der entries()-Methode zurückgegeben wird, protokolliert:

js
const text = new Text("Time is an illusion. Lunchtime doubly so.");

const range1 = document.createRange();
range1.setStart(text, 0);
range1.setEnd(text, 4);

const range2 = document.createRange();
range2.setStart(text, 21);
range2.setEnd(text, 30);

const myHighlight = new Highlight();
myHighlight.add(range1);
myHighlight.add(range2);

const iter = myHighlight.entries();

console.log(iter.next().value); // [Range, Range]
console.log(iter.next().value); // [Range, Range]

Das folgende Codebeispiel zeigt, wie man die Bereiche in einem Highlight mit einer for...of-Schleife durchläuft:

js
const text = new Text("Time is an illusion. Lunchtime doubly so.");

const range1 = document.createRange();
range1.setStart(text, 0);
range1.setEnd(text, 4);

const range2 = document.createRange();
range2.setStart(text, 21);
range2.setEnd(text, 30);

const highlight = new Highlight();
highlight.add(range1);
highlight.add(range2);

for (const [range] of highlight.entries()) {
  console.log(range.toString());
  // Time
  // Lunchtime
}

Spezifikationen

Spezifikation
ECMAScript® 2027 Language Specification>
# sec-set.prototype.entries>

Browser-Kompatibilität

Siehe auch