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

Это будет продолжение двух моих предыдущих блогов на ту же тему: 4 совета по JavaScript для более короткого кода и Еще 4 совета по JavaScript для более короткого кода. Вам не обязательно их читать, но рекомендуется, так как они могут быть действительно полезными.

1. Условно добавить ключи к объекту.

Объект Javascript содержит свойства и их значения, и иногда нам может потребоваться условно добавить в него больше пар значений свойств. Для этого можно использовать следующий синтаксис.

const obj = {
  ...(condition && { someprop: propvalue }),
  ...otherprops,
};

В приведенном ниже примере hobbies добавляются в объект personDetails только в том случае, если количество hobbies больше 0.

const hobbies = ["painting", "cooking", "reading"];
const personDetails = {
  name: "John Doe",
  age: 25,
  ...(hobbies.length > 0 && { hobbies }),
};

2. Ключи, записи и значения.

Еще один совет по работе с объектами? Да.

Object.keys() возвращает список имен свойств. Object.values() возвращает список значений свойств, Object.entries() возвращает список пар имен свойств и соответствующих значений

Вышеуказанные функции будут принимать объект в качестве параметра и соответственно возвращать вывод.

const personDetails = {
  name: "John Doe",
  age: 25,
};

Object.keys(personDetails) вернет [ 'name', 'age' ]. Object.values(personDetails) вернет [ 'john doe', 24 ]. Object.entries(personDetails) вернет [ [ 'name', 'john doe' ], [ 'age', 24 ] ].

3. Значения по умолчанию с помощью ||.

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

В приведенном ниже примере age оценивается как false, поскольку его undefined дает newAge значение 5. постоянный возраст = не определено;

const newAge = age || 5;

4. Форматирование json с помощью JSON.stringify().

JSON.stringify() можно использовать для преобразования значения JavaScript в строку JSON. Преобразуемое значение может быть передано в качестве параметра. Он также принимает два необязательных параметра: replacer и space. Мы можем использовать третий параметр для форматирования вывода.

const personDetails = {
  name: "John Doe",
  age: 25,
};

Теперь, если мы запустим строку ниже, вывод будет однострочным. console.log(JSON.stringify(personDetails)) Выход: {"name":"John Doe","age":25}

Но если бы мы добавили два других параметра, вывод был бы отформатирован. console.log(JSON.stringify(personDetails,undefined,2)) Выход:

{
  "name": "John Doe",
  "age": 25
}