Array Methods

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

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

Method Desciption Example

const arr = [1, 4, 7, 10];
.length Возвращает длину массива. 🔒 console.log(arr.length); // 4
Добавляет элемент(ы) в конец массива. Возвращает длину массива const arr = ['a', 'b'];
.push() arr.push('c', 'd'); // 4
после изменения. ✏ console.log(arr); // [ 'a', 'b', 'c', 'd']
const arr = ['a', 'b', 'c'];
.pop() Удаляет из массива последний элемент, а затем возвращает его. ✏ arr.pop(); // 'c'
console.log(arr); // [ 'a', 'b' ]
Добавляет элемент(ы) в начало массива. Возвращает длину массива const arr = ['c', 'd'];
.unshift() arr.unshift('e', 'f'); // 4
после изменения. ✏ console.log(arr); // [ 'e', 'f', 'c', 'd' ]
const arr = ['a', 'b', 'c'];
.shift() Удаляет из массива первый элемент, а затем возвращает его. ✏ arr.shift(); // 'a'
console.log(arr); // [ 'b', 'c' ]
Возвращает новый массив, который образуется от слияния исходного const arr = ['a'];
.concat()
массива и массивов, переданных в метод в качестве параметров. 🔒 arr.concat('b', ['c', 'd']); // [ 'a', 'b', 'c', 'd' ]
Переписывает массив, меняя индексы элементов местами, т.е. const arr = ['a', 'b', 'c'];
.reverse()
последний = первый, второй = предпоследний и т.д. ✏ arr.reverse(); // [ 'c', 'b', 'a' ]
Возвращает массив, в котором содержатся все элементы строки, let str = 'abcd';
.split()
разделенные сепаратором. 🔒 str.split(''); // ['a', 'b', 'c', 'd']
Возвращает строку, в которой содержатся все элементы массива, const arr = ['a', 'b', 'c'];
.join()
разделенные сепаратором. 🔒 arr.join(); // '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() arr.splice(1, 2, 'x', 'y'); // [ 'b', 'c' ]
массив. 

console.log(arr); // [ 'a', 'x', 'y', 'd' ]
array.splice(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
arr.indexOf(searchElement, fromIndex). 🔒
Возвращает индекс последнего подходящего элемента, равного (строгое
равенство) искомому элементу. В противном случае вернет -1. Если ['a', 'b', 'a'].lastIndexOf('a'); // 2
.lastIndexOf() указан параметр fromIndex, то поиск начинается с него.

['a', 'b', 'a'].lastIndexOf('a', 1); // 0
['a', 'b', 'a'].lastIndexOf('c'); // -1
arr.indexOf(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];
arr.forEach(el => console.log(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()
🔒 arr.reduce((sum, x) => sum + x); // 6
Работает аналогично .reduce(), но отсчет элементов идет с конца const arr = [1, 2, 3];
.reduceRight() arr.reduceRight((sum, x) => sum + String(x)) // '321'
массива. 🔒
Array.from('Apple'); // ['a', 'p', 'p', 'l', 'e']
Создаёт новый массив из массивоподобного или итерируемого объекта. Array.from(Array(5).keys()); // [0, 1, 2, 3, 4]
Array.from() Array.from(Array(8 - 4 + 1).fill(4), (el, i) => el + i);
🔒
// [4, 5, 6, 7, 8]
Создаёт новый массив из произвольного числа аргументов, вне Array.of(76, 'Anna', null, NaN); // [76, 'Anna', null,
Array.of()
зависимости от числа или типа аргумента. 🔒 NaN]
Возвращает true, если объект является массивом и false, если он const arr = [76, 'Anna', null, NaN];
Array.isArray() Array.isArray(arr); // true
массивом не является. 🔒


































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

















































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










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

Math.pow() Возводит в степень. console.log(Math.pow(2, 4)); // 16

Math.sqrt() Вычисляет квадратный корень. console.log(Math.sqrt(25)); // 5

Math.floor() Округляет в сторону меньшего целого числа. console.log(Math.floor(0.978)); // 0

Math.ceil() Округляет в сторону большего целого числа. console.log((Math.ceil(0.1))); // 1

Math.round() Округляет до целого числа (по математическим правилам). console.log((Math.round(4.5))); // 5

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

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

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

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

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







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