Похоже, 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 }