JS-шпаргалка

Февраль 2026 · JavaScript

Когда я начал разбираться с автопарсером, стало ясно — главное понять работу с массивами и структурой данных.

Массивы

const titles = [];
titles.push("текст");

Массив — это контейнер. Метод push() добавляет элемент внутрь.

Цикл перебора

for (let i = 0; i < titles.length; i++) {
  console.log(titles[i]);
}

Цикл для одновременного перебора тэгов

let spans = document.querySelectorAll('span');
let links = document.querySelectorAll('a');
let divs = document.querySelectorAll('div');

console.log('Спаны:', spans.length);
for (let i = 0; i < spans.length; i++) {
    console.log('span', i, spans[i]);
}

console.log('Ссылки:', links.length);
for (let i = 0; i < links.length; i++) {
    console.log('a', i, links[i]);
}

console.log('Дивы:', divs.length);
for (let i = 0; i < divs.length; i++) {
    console.log('div', i, divs[i]);
}

Перебор всех span

let links = document.querySelectorAll('span');
console.log('Найдено span:', links.length);
for( i = 0; i < links.length; i++){
console.log(i, links[i]);
console.log(links[i]);
}

JavaScript чувствителен к регистру "textContent" или "TextContent"

let hhs = document.querySelectorAll('h1, h2, h3, h4, h5');
console.log('Найдено параграфов h1-h5:', hhs.length);
for( let i = 0; i < hhs.length; i++){
console.log(hhs[i].textContent);
}
VM749:2 Найдено параграфов h1-h5: 8
VM749:4 Валюта
VM749:4 Аккумулятор 18650 Li-ion 3000мАч с лентой под пайку 10 шт.
VM749:4 АКБ ЛАБ
VM749:4 Покупателям
VM749:4 Продавцам и партнёрам
VM749:4 Наши проекты
VM749:4 Компания
VM749:4 Приложение
undefined
let hhs = document.querySelectorAll('h1, h2, h3, h4, h5');
console.log('Найдено параграфов h1-h5:', hhs.length);
for( let i = 0; i < hhs.length; i++){
console.log(hhs[i].TextContent);
}
VM756:2 Найдено параграфов h1-h5: 8
8VM756:4 undefined
undefined

Перебор нескольких тэгов одновременно

let elements = document.querySelectorAll('span, div, a');

Это вернёт все элементы span, div и a на странице в одной коллекции.