JavaScript: Советы и рекомендации


1. Фильтр уникальных значений

Вы можете легко найти уникальное значение с помощью Set.
Объектный тип Set появился в ES6, и вместе с …, оператором Spread, мы можем использовать его для создания нового массива, содержащего только уникальные значения.

const array = [1, 2, 1, 3, 5, 5, 1];
const uniqueArray = [...new Set(array)];

console.log(uniqueArray); // 1, 2, 3, 5
Вход в полноэкранный режим Выйти из полноэкранного режима

2. Оценка короткого замыкания

Использование && вернет первое ложное или неистинное значение. Если каждый операнд оценивается в true, возвращается последнее оцененное выражение

console.log(true && false && 1); // false
console.log(true && true && 1); // 1
Войти в полноэкранный режим Выйти из полноэкранного режима

Использование || вернет первое истинное или ложное значение. Если каждый операнд равен false, будет возвращено последнее оцененное выражение.

console.log(true || false || 1); // true
console.log(true || true || 1); // 1
Войти в полноэкранный режим Выйти из полноэкранного режима

3. Преобразование в булевы выражения

Все значения в JavaScript являются истинными, за исключением 0, «», null, undefined, NaN и, конечно, false, которые являются ложными.

Мы можем легко переключаться между true и false с помощью оператора перехода !, который также преобразует тип в boolean.

console.log(!0); // true
console.log(!1); // false
console.log(!!0); // false
Вход в полноэкранный режим Выйти из полноэкранного режима

4. Преобразование в число

Обратного можно быстро добиться с помощью оператора сложения +

let int = "1";
console.log(int); // "1"
console.log(typeof int); // "string"

int = +int;
console.log(int); // 1
console.log(typeof int); // "number"
Войти в полноэкранный режим Выйти из полноэкранного режима

5. Быстрое преобразование плавающей величины в целое число

Если вы хотите преобразовать плавающее число в целое, вы можете использовать Math.floor(), Math.ceil() или Math.round(). Но есть и более быстрый способ усечения плавающей цифры до целого числа с помощью | — оператора побитового ИЛИ.

console.log(15.9 | 0); // 15
console.log(-15.9 | 0); // -15
Вход в полноэкранный режим Выход из полноэкранного режима

6. Async/Await

Async

Когда мы добавляем к функции ключевое слово async, эта функция по умолчанию возвращает Promise при выполнении. Ключевое слово async предоставляет дополнительную информацию пользователю функции:

  • Функция содержит некоторое асинхронное выполнение.
  • Возвращаемое значение будет разрешенным значением для обещания
async function func() {
    return 1;
}

func().then(alert); // 1
Вход в полноэкранный режим Выйти из полноэкранного режима

Await

Ключевое слово await заставляет JavaScript ждать, пока Promise не разрешится и не вернет свой результат. await работает только внутри async-функции.

async function func() {
    let promise = new Promise((resolve, reject) => {
        setTimeout(() => resolve("Done"), 1000);
    });

    let result = await promise;
    alert(result); // "Done"
}

func();
Войти в полноэкранный режим Выход из полноэкранного режима

Оцените статью
Procodings.ru
Добавить комментарий