JavaScript шпаргалка

Корисні функції, методи, властивості та інші елементи JavaScript.

(У стадії обмірковування та наповнення)

String

String.replace(regexp|substr, newSubstr|function)

Повертає новий рядок String, у якому замінено підрядок substr на newSubstr. Замість substr можна використовувати регулярні вирази для пошуку збігів.

Array

Array.forEach(callback(currentValue [, index [, array]])[, thisArg])

let new_array = arr.map(function callback( currentValue[, index[, array]]) { // return element for new_array }[, thisArg])

let newArray = arr.filter(callback(element[, index, [array]])[, thisArg])

DOM

Document.createElement(tagName)

Створює новий HTML елемент tagName.

Node.cloneNode([deep])

Створює копію вузла. deep=true – копіюється разом із нащадками (включаючи текст); за промовчанням false.

Element.insertAdjacentElement(position, element)

Вставляє element у DOM щодо Element; position – визначає позицію: ‘beforebegin’, ‘afterbegin’, ‘beforeend’ та ‘afterend’.

Element.dataset

Повертає значення атрибутів data-*.

Node.textContent

Повертає текст вузла, включаючи текст всіх нащадків.

DOM Traversing

ParentNode.children

Повертає HTMLCollection нащадків (HTML елементи).

ParentNode.firstElementChild

ParentNode.lastElementChild 

Node.childNodes

Повертає NodeList нащадків, включаючи текстові вузли.

Element.closest(selectors)

Повертає найближчий батько для Element (або сам) відповідний селектору selectors.

Examples

Трансформація рядка в HTML (альтернатива innerHTML)

let htmlString = "<div>HTML в виде строки</div>";
let range = document.createRange();
let documentFragment = range.createContextualFragment(htmlString);
document.body.appendChild(documentFragment);