Highlight: entries() method
entries() 方法是 Highlight 接口的一个方法，它返回一个新的 迭代器（Iterator） 对象。该对象包含 Highlight 对象中每个 Range 对象的数组 [range, range]，顺序按插入顺序排列。
Highlight 是一个类似 Set 的对象，因此这与使用 Set.entries() 类似。
语法
js
entries()
参数
无。
返回值
一个新的迭代器对象，其中包含给定 Highlight 中每个 Range 对象的数组 [range, range]，顺序按插入顺序排列。
示例
下面的代码片段展示了如何创建一个包含两个 range 的新高亮，然后使用 entries() 方法返回的迭代器来记录这些 range。
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]
以下代码示例展示了如何使用 for...of 循环来迭代高亮中的 range。
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
}
规范
| 规范 |
|---|
| ECMAScript® 2026 语言规范 # sec-set.prototype.entries |
浏览器兼容性
加载中…