Array Methods

✏ - изменяет / модифицирует исходный массив;

🔒 - не меняет исходный массив / возвращает новый массив на базе исходного.

Method Desciption Example

const arr = [1, 4, 7, 10];
.length Возвращает длину массива. 🔒 [Link]([Link]); // 4
Добавляет элемент(ы) в конец массива. Возвращает длину массива const arr = ['a', 'b'];
.push() [Link]('c', 'd'); // 4
после изменения. ✏ [Link](arr); // [ 'a', 'b', 'c', 'd']
const arr = ['a', 'b', 'c'];
.pop() Удаляет из массива последний элемент, а затем возвращает его. ✏ [Link](); // 'c'
[Link](arr); // [ 'a', 'b' ]
Добавляет элемент(ы) в начало массива. Возвращает длину массива const arr = ['c', 'd'];
.unshift() [Link]('e', 'f'); // 4
после изменения. ✏ [Link](arr); // [ 'e', 'f', 'c', 'd' ]
const arr = ['a', 'b', 'c'];
.shift() Удаляет из массива первый элемент, а затем возвращает его. ✏ [Link](); // 'a'
[Link](arr); // [ 'b', 'c' ]
Возвращает новый массив, который образуется от слияния исходного const arr = ['a'];
.concat()
массива и массивов, переданных в метод в качестве параметров. 🔒 [Link]('b', ['c', 'd']); // [ 'a', 'b', 'c', 'd' ]
Переписывает массив, меняя индексы элементов местами, т.е. const arr = ['a', 'b', 'c'];
.reverse()
последний = первый, второй = предпоследний и т.д. ✏ [Link](); // [ 'c', 'b', 'a' ]
Возвращает массив, в котором содержатся все элементы строки, let str = 'abcd';
.split()
разделенные сепаратором. 🔒 [Link](''); // ['a', 'b', 'c', 'd']
Возвращает строку, в которой содержатся все элементы массива, const arr = ['a', 'b', 'c'];
.join()
разделенные сепаратором. 🔒 [Link](); // 'a,b,c'
Возвращает новый массив, который содержит элементы исходного, ['a', 'b', 'c', 'd'].slice(1, 3); // [ 'b', 'c' ]
.slice()
начиная со start по end (не включая). 🔒 ['a', 'b'].slice(); // копия [ 'a', 'b' ]
Начиная с индекса start удаляет определенное количество элементов
deleteCount, и вставляет items. Возвращает измененный исходный const arr = ['a', 'b', 'c', 'd'];
.splice() [Link](1, 2, 'x', 'y'); // [ 'b', 'c' ]
массив. 

[Link](arr); // [ 'a', 'x', 'y', 'd' ]
[Link](start, deleteCount, items) ✏
Возвращает true или false, в зависимости от того, содержится ли
[0, 1, 2].includes(1); // true
.includes() искомый элемент в массиве или нет. Элементы проверяются через
[0, 1, 2].includes(5); // false
строгое равенство ===. NaN === NaN 🔒
Возвращает первое найденное значение, которое удовлетворяет [1, -2, 3].find(x => x < 0); // -2
.find()
условию, в противном же случае, метод вернет undefined. 🔒 [1, 2, 3].find(x => x < 0); // undefined







































 Возвращает индекс первого элемента в массиве, который удовлетворяет [1, -2, 3].findIndex(x => x < 0); // 1
.findIndex()
условию. Если условие не выполнено, вернется -1. 🔒 [1, 2, 3].findIndex(x => x < 0); // -1
Возвращает индекс первого подходящего элемента, равного (строгое
равенство) искомому элементу. В противном случае вернет -1. Если ['a', 'b', 'a'].indexOf('a'); // 0
.indexOf() указан параметр fromIndex, то поиск начинается с него, если не указан ['a', 'b', 'a'].indexOf('a', 1); // 2
- c начала массива. 
 ['a', 'b', 'a'].indexOf('c'); // -1
[Link](searchElement, fromIndex). 🔒
Возвращает индекс последнего подходящего элемента, равного (строгое
равенство) искомому элементу. В противном случае вернет -1. Если ['a', 'b', 'a'].lastIndexOf('a'); // 2
.lastIndexOf() указан параметр fromIndex, то поиск начинается с него.

['a', 'b', 'a'].lastIndexOf('a', 1); // 0
['a', 'b', 'a'].lastIndexOf('c'); // -1
[Link](searchElement, fromIndex). 🔒
Возвращает true, если все элементы массива удовлетворяют заданному
[1, 2, 3].every(x => x > 0); // true
.every() условию. Проверяет все элементы массива и останавливается, как
[1, -2, 3].every(x => x > 0); // false
только какой-либо элемент вернет false. 🔒
Возвращает true, если хотя бы один элемент удовлетворяет условию.
[1, 2, 3].some(x => x < 0); // false
.some() Проверяет все элементы массива и останавливается, как только какой-
[1, -2, 3].some(x => x < 0); // true
либо элемент вернет true. 🔒
Возвращает новый массив, который состоит из тех элементов, которые
.filter() [1, -2, 3].filter(x => x > 0); // [ 1, 3 ]
удовлетворяют заданному условию. 🔒
const arr = [-1, -8];
[Link](el => [Link](el ** 2));
.forEach() Выполняет определенное действие с каждым элементом массива. 🔒 // 1
// 64
['Jane', 'Anna'].sort(); // ['Anna', 'Jane']
.sort() Сортирует элементы массива и возвращает его. ✏ [3, 1, 2].sort((a, b) => a - b); // [ 1, 2, 3 ]
Возвращает новый массив, в котором к каждому элементу будет [1, 2, 3].map(x => x * 2); // [ 2, 4, 6 ]
.map()
применен результат определенных действий. 🔒 ['a', 'b', 'c'].map((x, i) => i); // [ 0, 1, 2 ]
Обрабатывает каждый элемент массива и вычисляет единое значение. const arr = [1, 2, 3];
.reduce()
🔒 [Link]((sum, x) => sum + x); // 6
Работает аналогично .reduce(), но отсчет элементов идет с конца const arr = [1, 2, 3];
.reduceRight() [Link]((sum, x) => sum + String(x)) // '321'
массива. 🔒
[Link]('Apple'); // ['a', 'p', 'p', 'l', 'e']
Создаёт новый массив из массивоподобного или итерируемого объекта. [Link](Array(5).keys()); // [0, 1, 2, 3, 4]
[Link]() [Link](Array(8 - 4 + 1).fill(4), (el, i) => el + i);
🔒
// [4, 5, 6, 7, 8]
Создаёт новый массив из произвольного числа аргументов, вне [Link](76, 'Anna', null, NaN); // [76, 'Anna', null,
[Link]()
зависимости от числа или типа аргумента. 🔒 NaN]
Возвращает true, если объект является массивом и false, если он const arr = [76, 'Anna', null, NaN];
[Link]() [Link](arr); // true
массивом не является. 🔒


































 String Methods
Method Desciption Example
[Link]('hello world'.toUpperCase())
.toUpperCase() Переводит всю строку в верхний регистр. // 'HELLO WORLD'
[Link]('HELLO WORLD'.toLowerCase())
.toLowerCase() Переводит всю строку в нижний регистр. // 'hello world'
let str = 'I am ';
let str1 = 'a student';
.concat() Объединяет текст из двух или более строк и возвращает новую строку. [Link]([Link](str1));
// 'I am a student'
Заполняет текущую строку другой строкой (несколько раз, если нужно) так, что
[Link]('QA'.padStart(5, '*'));
.padStart() итоговая строка достигает заданной длины. Заполнение осуществляется в
// '***QA'
начале (слева) текущей строки. .padStart(length, otherStr)
Аналогичный метод предыдущему, но заполнение осуществляется в конце [Link]('QA'.padEnd(5, '*'));
.padEnd() // 'QA***'
(справа) текущей строки. .padEnd(length, otherStr)
let str = 'Did you notice the notes you?';
Проверяет, содержит ли строка заданную подстроку, и возвращает true или [Link]([Link]('you')); // - true
.includes() false. Index задает номер элемента, с которого начинается проверка. 
 [Link]([Link]('not', 20)); // - false
.includes(searchString, index) [Link]([Link]('did')); // - false
(case sensitive)
[Link]('Blue Whale'.indexOf('u')); // 2
Возвращает индекс первого вхождения подстроки в строке. Возвращает -1,
.indexOf() [Link]('Blue Whale'.indexOf('blue')); // -1
если значение не найдено. .indexOf(otherStr, index) (case sensitive)
Возвращает индекс последнего вхождения указанного значения в строковый
[Link]('canala'.lastIndexOf('a')); // 5
объект String, на котором он был вызван, или -1, если ничего не было
.lastIndexOf() [Link]('canala'.lastIndexOf('a', 4)); // 3
найдено. Поиск по строке ведётся от конца к началу, начиная с индекса index.
 [Link]('canala'.lastIndexOf('a', 0)); // -1
.lastIndexOf(otherStr, index)
[Link]('Helloworld'.substring(0, 9));
Возвращает подстроку строки между двумя индексами, или от одного индекса // "Helloworl"
.substring() [Link]('Helloworld'.substring(3, 6));
и до конца строки. .substring(index1, index2)
// "low"
const str = 'The quick brown dog.’;
Извлекает часть строки и возвращает новую строку без изменения
.slice() [Link]([Link](16)); // "dog."
оригинальной строки. .slice(beginIndex, endIndex) [Link]([Link](4, 15)); // "quick brown"
Возвращает новую строку с некоторыми или всеми сопоставлениями с let str = 'The quick brown dog';
.replace() шаблоном, заменёнными на заменитель. .replace(originalValue, [Link]([Link]('dog', 'monkey'));
newValue) // 'The quick brown monkey'
let str = '1I do, 2you do, 3they do';
[Link]([Link]('do'));
Разбивает объект string на массив строк путём разделения строки указанной
.split() // ['1I ', ', 2you ', ', 3they ', '']
подстрокой. .split(separator, limit) [Link]([Link]('o', 2));
// ['1I d', ', 2y']

















































 [Link]('abc'.repeat(-1)) // - RangeError
.repeat() Повторяет строку определенное количество раз. [Link]('abc'.repeat(0)) // - ''
[Link]('abc'.repeat(2)) // - 'abcabc'
.trim()
Удаляют пробелы в строке с конца и с начала; с начала; с конца const str = ' abc ';
.trimStart() [Link]([Link]()); // 'abc'
(соответственно).
.trimEnd()
Возвращает числовое значение Юникода для символа по указанному индексу
.charCodeAt() [Link]('Hello'.charCodeAt(1)); // 101
(за исключением кодовых точек Юникода, больших 0x10000).










Math Methods
Method Desciption Example
const arr = [28, 16, 37, 21, 17, 27];
[Link]() Находит минимальное значение. [Link]([Link](...arr)); // 16
[Link]([Link](28, 16, 37, 21, 17, 27)); // 16
const arr = [28, 16, 37, 21, 17, 27];
[Link]() Находит максимальное значение. [Link]([Link](...arr)); // 37

[Link]() Возводит в степень. [Link]([Link](2, 4)); // 16

[Link]() Вычисляет квадратный корень. [Link]([Link](25)); // 5

[Link]() Округляет в сторону меньшего целого числа. [Link]([Link](0.978)); // 0

[Link]() Округляет в сторону большего целого числа. [Link](([Link](0.1))); // 1

[Link]() Округляет до целого числа (по математическим правилам). [Link](([Link](4.5))); // 5

[Link]() Отбрасывает дробную часть (всё, что после запятой). [Link]([Link](2.37449)); // 2

Округляет до указанного количества знаков после запятой - n. Всегда

.toFixed() [Link]([Link](2)); // '2.46'
возвращает строковое значение String.
Выводит -1, если значение отрицательное, 1 - если положительное, и 0
[Link]() [Link]([Link](0)); // 0
- если значение = 0.
Выводит true, если число конечное, false - если это бесконечность [Link](isFinite(5/0)); // - false (5/0 =
.isFinite() бесконечность)
или NaN.

.parseInt() Вырезает целое число из строки. Строка должна начинаться с цифры. [Link](parseInt('1000.508px')); // 1000

.parseFloat() Вырезает число (с дробной частью) из строки. [Link](parseFloat('1000.508px')); // 1000.508







 Object Methods
Method Desciption Example
const user = {
name: 'John',
[Link](obj) Возвращает массив ключей. age: 30,
};
[Link]([Link](user)); // ['name', 'age']
const user = {
name: 'John',
[Link](obj) Возвращает массив значений. age: 30,
};
[Link]([Link](user)); // ['John', '30']
const user = {
name: 'John',
age: 30,
[Link](obj) Возвращает массив пар [ключ, значение]. };
[Link]([Link](user));
// [['name', 'John'], ['age', 30]]
const user = [['name', 'John'], ['age', 30]];
[Link]([Link](user));
Возвращает объект из массива пар [ключ, значение]. 
 // {
[Link](arr) // name: 'John',
Это обратный метод предыдущего метода.
// age: 30,
// };