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