10 практических сокращений кода в JavaScript, которые сделают ваш код более кратким

Вот некоторые мои часто используемые методы сокращений JavaScript. Теперь я поделюсь с вами, чтобы сделать ваш код более кратким и элегантным.

1. Упростите If-Else с помощью || или ?? Операторы

Вы можете упростить операторы if-else, используя логические операторы ИЛИ (||) или нулевые операторы объединения (??). Эти операторы возвращают правое значение, если левое значение ложно.

 const a = obj || {};
// Equivalent to:
 const a = obj === 0 || obj === “” || obj === false || obj === null || obj === undefined || isNaN(obj) ? {} : obj;

// Using ??
 const a = obj ?? {};

// Equivalent to:
 const a = obj === null || obj === undefined ? {} : obj;

2. Проверьте непустой ввод с помощью ?? Оператор

Используйте нулевой оператор объединения, чтобы проверить непустой ввод, не рассматривая 0 и «» (пустую строку) как ложные.

 if ((value ?? ‘’) !== ‘’) {
   // Code to handle non-empty input
 }

3. Упростите операторы if с помощью include()

Вы можете упростить длинные инструкции if, проверяющие несколько условий, используя метод includes.

 if ([0, ‘’, false, null, undefined].includes(obj)) {
   // Code to handle included values
 }

4. Предотвратите сбои с помощью дополнительной цепочки?

Используйте дополнительный оператор цепочки, чтобы предотвратить ошибки при доступе к свойствам вложенных объектов.

const student = {
   name: “imdodd”,
   address: {
     state: “New York”
   }
 };

console.log(student?.address?.ZIPCode); 
// Outputs: undefined

5. Логическое присвоение нуля (??=)

Логический оператор присвоения нуля (??=) присваивает значение переменной, только если переменная имеет нулевое значение (нулевое или неопределенное).

 const a = { duration: 50 };
 a.duration ??= 10;
 console.log(a.duration); // Outputs: 50

6. Быстро сгенерируйте массивы 1–10.

Сгенерируйте массив чисел от 1 до 10, используя различные методы.

 // Using spread operator…