The logical && (AND) operator
const trueCondition = true;
const falseCondition = false;
const obj = {
...(trueCondition && { dogs: "woof" }),
...(falseCondition && { cats: "meow" }),
};
// { dogs: 'woof' }
const arr = [
...(trueCondition ? ["dog"] : []),
...(falseCondition ? ["cat"] : [])
];
// ['dog']
The spread operator (...)
let myDogs = [`Riggins`, `Lyla`];
let parentsDogs = [`Ellie`, `Remi`];
const holidayDoghouse = [...myDogs, ...parentsDogs];
// [ 'Riggins', 'Lyla', 'Ellie', 'Remi' ]
let existingAnimals = {
dogs: 2,
cats: 4,
donkeys: 2,
horses: 2,
};
let newAnimals = {
goats: 2,
};
const allAnimals = {
...existingAnimals,
...newAnimals,
};
// { dogs: 2, cats: 4, donkeys: 2, horses: 2, goats: 2 }
'Javascript' 카테고리의 다른 글
[Javascript] Promise (1) | 2022.11.17 |
---|---|
Javascript - console.log() (0) | 2022.04.07 |
[Javascript] 정렬 함수 sort (0) | 2021.12.17 |
[JavaScript] Object Literals (정리) (0) | 2021.07.14 |
[Javascript] 함수 표현식 vs 함수 선언식 (0) | 2019.08.05 |