Потрясающие лайфхаки с JavaScript

В этом посте я поделюсь полезными лайфхаками для JavaScript. Эти приемы сокращают объем кода и помогают запускать оптимизированный код. Итак, приступим к взлому!!!

Используйте ярлыки для условных выражений

Javascript позволяет вам использовать определенные сочетания клавиш, чтобы сделать ваш код более легким для глаз. В некоторых простых случаях вы можете использовать логические операторы && и || вместо if и else.

Пример оператора &&:

//instead of
if(loggedIn) {
  console.log("Successfully logged in")
}

//use
loggedIn && console.log("Successfully logged in")

|| действует как предложение «или». Теперь использовать этот оператор немного сложнее, поскольку он может помешать выполнению приложения. Однако мы можем обойти это условие.
|| Пример оператора:

//instead of 
if(users.name) {
  return users.name;
} else {
  return "Getting the users";
}

// use
return (users.name || "Getting the users");

Проверить, есть ли у объекта значения

Когда вы работаете с несколькими объектами, становится трудно отслеживать, какие из них содержат фактические значения, а какие можно удалить.
Вот быстрый способ проверить, является ли объект пустым или имеет значение с объектом. функция ключей().

Object.keys(objectName).length
// if it returns 0 it means the object is empty, otherwise it 
// displays the number of values.

Консольный стол

Этот замечательный лайфхак поможет вам преобразовать данные формата CSV или словаря в табличную форму с помощью метода console.table().

//console.table
const data = [
  {"city": "New York"},
  {"city": "Chicago"},
  {"city": "Los Angeles"},
];

console.table(data); // the result is a table below

Тип оператора

Этот простой лайфхак покажет вам, как можно использовать оператор typeof() для проверки типа любых данных в JS. Вам просто нужно передать данные или переменную в качестве аргумента typeof().

let v1 = "JavaScript";
let v2 = true;
let v3 = 123;
let v4 = null;

console.log(typeof(v1)) //---> string
console.log(typeof(v2)) //---> boolean
console.log(typeof(v3)) //---> number
console.log(typeof(v4)) //---> object

Перетасовка элементов массива

Чтобы перетасовать элементы массива без использования каких-либо внешних библиотек, таких как Lodash, просто запустите этот фокус:

const list = [1, 2, 3];
console.log(list.sort(function() {
   return Math.random() -0.5;
})); //---> [2, 1, 3]

Вот и все!!! #HappyCoding

Дайте мне знать в разделе комментариев, если есть какие-либо другие замечательные хаки JS, которые можно добавить в список :)