Сокращенный JavaScript

Мы пишем JavaScript уже довольно давно, я знаю, что некоторые из вас никогда не использовали короткие синтаксические операторы JavaScript, например: if/else против троичного оператора.

В этой статье я покажу несколько кратких условных операторов, циклов или операторов, которые вы можете использовать в своей повседневной практике кодирования.

1. Очистить массив

const arr = ['Charlie', 'John', 'James'];
arr.length = 0;  // arr will be []

2. Фильтр шансов

// Traditional/Old style
const arr = [1,2,3,4,5,6,7,8,9];
const arr2 = [];
for(let i=0; i<arr.length; i=i+1){
  if(arr[i]%2 === 0) {
    arr2.push(arr[i]);
  }
}
console.log(arr2);  // [ 2, 4, 6, 8 ]
// New/Better way
arr.filter(value => value%2 === 0)  // [ 2, 4, 6, 8 ]

3. Объедините массивы

const arr1 = [1,2,3,4];
const arr2 = [5,6,7,8];
[...arr1, ...arr2]  // [1, 2, 3, 4, 5, 6, 7, 8]

4. Удаление или объединение

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

// delete
const arr = [1,2,3,4];
console.log(arr.length);  // 4
console.log(arr); // [1,2,3,4]
delete arr[2];
console.log(arr.length);  // 4
console.log(arr); // [1,2,<1 empty slot>,4]
// splice
console.log(arr.length);  // 4
console.log(arr); // [1,2,3,4]
arr.splice(2, 1);
console.log(arr.length);  // 3
console.log(arr); // [1,2,4]

5. Получите уникальность

const arr = [4,1,2,2,11,4,3,1,9,1,0,3]
const newArr = [...new Set(array)];
console.log(newArr);  // Result: [ 4, 1, 2, 11, 3, 9, 0 ]

6. Логическое И/ИЛИ

let subscribed = true;
subscribed && "Yes" // Result: Yes
subscribed = false;
subscribed || "No" // Result: No

7. Преобразование строки в число

// Simply add `+` before writing the variable
const myStringNumber = "5.12";
+myStringNumber // Result: 5.12
+"5" // Result: 5

8. Состояние в цепи

const data = {
  name: "John",
}
console.log(data.name); // Result: John
console.log(data.class); // Result: undefined
// Problem
console.log(data.class.name);  // Result: Uncaught Exception TypeError: data.class is undefined
// Solution
console.log(data.class?.name || "not found");  // Result: not found

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