Frontend Советы

2022-10-29 08:00:03 Как проверить, что данная строка является анаграммой другой строки в JavaScript?

Анаграмма — приём, состоящий в перестановке букв или звуков определённого слова, что в результате даёт другое слово или словосочетание. Несколько примеров анаграмм на английском:

1. evil = vile
2. a gentleman = elegant man
3. eleven plus two = twelve plus one

Так как же проверить, являются ли строки анаграммами в JS? На картинке пример кода, реализующий проверку с помощью встроенных функций.

@frontend_sovet Открыть/Комментировать

2022-10-28 08:00:05 Что произойдет в результате выполнения выражения var a = 1 + "2" и почему?

Переменная a примет значение "12". В JS такое поведение называется приведением типов. Если хоть один из операндов в операторе + является строкой, второй также будет преобразован в строку.

@frontend_sovet Открыть/Комментировать

2022-10-27 08:00:05 Обмен значениями переменных

С помощью техники деструктуризации это сделать очень просто.

@frontend_sovet Открыть/Комментировать

2022-10-26 08:00:09 Деструктурирующее присваивание с переименованием переменных

Синтаксис деструктурирующего присваивания применяется в JavaScript-выражениях, нацеленных на распаковку элементов массивов или свойств объектов в отдельные переменные. При этом вместо того, чтобы пользоваться существующими именами свойств объектов, соответствующие переменные можно переименовать.

@frontend_sovet Открыть/Комментировать

2022-10-25 08:00:07 Когда можно создать стандартную функцию, можно создать и стрелочную. Обычно второй вариант лучше, так как синтаксис проще.

В React часто используют стрелочные функции для создания компонентов и для методов массивов высшего порядка, таких как map() и filter().

@frontend_sovet Открыть/Комментировать

2022-10-24 08:00:04 Создайте функцию, принимающую на вход строку, и возвращающую количество гласных в ней.

Решение доступно на картинке. Стоит обратить внимание на метод includes() — он позволяет проверить, содержит ли строка или массив переданное ему значение.

Также есть более короткий способ с использованием регулярных выражений:

const func = str => {
const reg = str.match(/[aeiouy]/gi)
return reg ? reg.length : 0
}

@frontend_sovet Открыть/Комментировать

2022-10-23 08:00:14 Сопоставление массивов без .map()

map() - довольно сложный метод, который можно использовать в том числе и для сопоставления массивов. Альтернативой является метод from().

@frontend_sovet Открыть/Комментировать

2022-10-22 08:00:23 Напишите "однострочное" решение, вычисляющее сумму квадратных корней всех чётных чисел массива из целых чисел.

Метод reduceRight() применяет функцию к аккумулятору и каждому значению массива справа налево, сводя массив в одно значение.

@frontend_sovet Открыть/Комментировать

2022-10-21 08:00:03 Генераторы

Не стоит забывать про них и недооценивать их возможности. Генератор позволяет определить, какое значение будет возвращено при каждом следующем вызове next().

В целом использовать их в разработке необязательно, полезно лишь знать, как они работают, потому что они активно используются в async/await и могут пригодиться для отладки кода.

@frontend_sovet Открыть/Комментировать

2022-10-20 08:00:03 Автоматический биндинг в классах

Если при создании методов вы используете стрелочные функции, такие методы неявно привязываются к экземплярам класса! Это позволяет сэкономить несколько строк кода и избавиться от надоевших конструкций вроде this.myMethod = this.myMethod.bind(this).

@frontend_sovet Открыть/Комментировать