popular_functions

Какие методы JavaScript я использую чаще всего?

Наши соц. сети: instagram, fb, tg

Если ты еще совсем “зеленый” в работе с Javascript, я хочу поделиться с тобой чем-то, по моему мнению, очень полезным.

Я прочитал много постов и статей, касающихся методов Javascript. Я выбрал те, которые я использую чаще всего!

Основная идея использования этих методов состоит в том, чтобы избежать необходимости использовать библиотеки, такие как Lodash, что ухудшает скорость нашего приложения, а иногда добавляет дополнительную сложность композиции кода.

Также стоит упомянуть, что ни один из этих методов не изменяет данные; это особенно важно в React, где нам нужно избегать ненужного повторного рендеринга приложения.

Итак, вот методы.

.map()

Он возвращает новый массив с результатом функции для каждого элемента в другом массиве. Ты можешь подумать, что это метод, похож на for, но его легче реализовать. Возвращаемый массив имеет ту же длину, что и исходный массив.

Пример

Массив, содержащий двойные значения каждого элемента другого массива.


const numbers = [100, 200, 300];

const doubles = numbers.map(n => n * 2);

// doubles = [200, 400, 600]


.filter()

Он возвращает массив с элементами, которые удовлетворяют определенному условию.

Пример

Вернуть числа, меньшие или равные 100


const numbers = [20, 200, 30, 45, 100, 102];

const result = numbers.filter(n => n <= 100);

// result = [20, 30, 45, 100]


.some()

Возвращает bool, если хотя бы один элемент в массиве удовлетворяет определенному условию.

Пример

Верните true, если в массиве есть совершеннолетние.


const ages = [20, 13, 12];

const areAdults = ages.some(n => n >= 18);

// areAdults = true


.every()

Возвращает bool, если все элементы в массиве удовлетворяют определенному условию.

Пример

Верните true, если все возрасты в массиве совершеннолетние.


const ages = [20, 13, 18, 43];

const allAdults = ages.every(n => n >= 18);

// allAdults = false


Array.from()

Он возвращает массив, созданный из любого итерируемого объекта у которого есть свойство length, примером может быть строка.

Пример

Вернуть массив с каждой буквой моей фамилии.


const lastName = 'mato';

const lnArray = Array.from(lastName);

// lnArray = ['m','a','t','o']


Object.assign()

Он копирует один или несколько исходных объектов в целевой объект. Он заменяет все свойства целевого объекта на свойства исходных объектов. Запутано да? Проще говоря, он скопирует все свойства в указанный объект, с заменой, если какие-то свойства совпадут.

Пример 1

Клонировать объект


const source = { "propA": 1 };

const copy = Object.assign({}, source);

// copy = { "propA": 1 };


Пример 2

Несколько источников с разными свойствами


const source1 = { "propA": 1 };

const source2 = { "propB": 2 };

const source3 = { "propC": 3 };

const target = Object.assign(source1, source2, source3);

// target = { "propA": 1, "propB": 2, "propC": 3 };


Пример 3

Несколько источников с одинаковыми свойствами


const source1 = { "propA": 1, "propB": 2};

const source2 = { "propB": 2 };

const source3 = { "propC": 3 };

const target = Object.assign(source1, source2, source3);

// target = { "propA": 1, "propB": 2, "propC": 3 };


String.split()

Разделяет строку на несколько подстрок, используя указанный разделитель.

Пример

Разделяйте строку запятыми.


const str = 'text1,text2,text3';

const splitted = str.split(",");

// splitted = ['text1', 'text2', 'text3']


String.slice()

Извлекает часть строки, разделенную двумя индексами.

Пример


const str = 'alpha,beta,gamma';

const sliced = str.slice(6, 10);

// sliced = 'beta'


String.indexOf()

Он находит и возвращает индекс первого вхождения строки.

Пример


const str = 'There is a snake in my boot';

const index = str.indexOf('snake');

// index = 11


Вывод

Я надеюсь, что это было полезно, особенно для новичков в JavaScript.