Подсвечивание: метод forEach()

Метод forEach() интерфейса Highlight выполняет предоставленную функцию один раз для каждого объекта Range в объекте Highlight, в порядке вставки.

Highlight — это объект, подобный Set, поэтому это аналогично использованию Set.forEach().

callback

Функция, которая выполняется для каждого объекта Range, принимающая три аргумента:

range, key

Текущий обрабатываемый объект Range в Highlight. Поскольку в Highlight нет ключей, аргументы range передаются для обоих.

highlight

Объект Highlight, на котором был вызван метод forEach().

thisArg

Значение, используемое в качестве this при выполнении callbackFn.

Ничего (undefined).

Ниже приведен фрагмент кода, демонстрирующий создание нового выделения с двумя диапазонами и последующий вывод диапазонов с помощью метода forEach():

function logRanges(range, key, highlight) {
  console.log(`Highlight object ${highlight} contains range ${range}`);
}

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);

myHighlight.forEach(logRanges);

• API пользовательского выделения CSS
• API пользовательского выделения CSS: взгляд на будущее выделения текстовых диапазонов в веб-приложениях