JS ๐ฅ: ๊ฐ์ฒด ์์ฑ์ ์กฐ๊ฑด๋ถ๋ก ์ค์
3690 ๋จ์ด tutorialwebdevjavascriptbeginners
์ด๋ค ์กฐ๊ฑด์ด ์ฐธ์ธ ๊ฒฝ์ฐ์๋ง ๊ฐ์ฒด ์์ฑ์ ์ถ๊ฐํ๊ณ ์ถ๋ค๊ณ ๊ฐ์ ํด ๋ด ์๋ค. ๋ฌผ๋ก if ๋ฌธ์ ์ฌ์ฉํ์ฌ ์ด ์์ ์ ์ํํ ์ ์์ต๋๋ค.
const someCondition = true;
const anotherCondition = false;
const myObject = {
name: "codesnacks",
};
if(someCondition){
myObject.author = "Ben";
}
if(anotherCondition){
myObject.platform = "dev.to";
}
console.log(myObject); // {name: "codesnacks", author: "Ben"}
๊ฐ์ฒด ์์ฑ ์ ์กฐ๊ฑด๊ณผ ํจ๊ป ๊ฐ์ฒด ํ์ฐ ์ฐ์ฐ์(
...
)๋ฅผ ์ฌ์ฉํ์ฌ ๋์ผํ ๊ฒฐ๊ณผ๋ฅผ ์ป์ ์ ์์ต๋๋ค. ์ถ๊ฐ if ๋ฌธ์ ํ์ํ์ง ์์ต๋๋ค. ์ด๋ ๊ฐ์ฒด์ ์ฌ๋ฌ ์กฐ๊ฑด๋ถ ์์ฑ์ด ์๋ ๊ฒฝ์ฐ ํนํ ์ ์ฉํฉ๋๋ค.const someCondition = true;
const anotherCondition = false;
const myObject = {
name: "codesnacks",
...(someCondition && { author: "Ben" }),
...(anotherCondition && { platform: "dev.to" }),
};
console.log(myObject); // {name: "codesnacks", author: "Ben"}
์น ๊ฐ๋ฐ์ ๋ ์ํ๊ณ ์ถ์ผ์ญ๋๊น?
๐๐๐subscribe to the Tutorial Tuesday โ๏ธnewsletter
Reference
์ด ๋ฌธ์ ์ ๊ดํ์ฌ(JS ๐ฅ: ๊ฐ์ฒด ์์ฑ์ ์กฐ๊ฑด๋ถ๋ก ์ค์ ), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://dev.to/benjaminmock/js-conditionally-setting-an-object-property-45agํ ์คํธ๋ฅผ ์์ ๋กญ๊ฒ ๊ณต์ ํ๊ฑฐ๋ ๋ณต์ฌํ ์ ์์ต๋๋ค.ํ์ง๋ง ์ด ๋ฌธ์์ URL์ ์ฐธ์กฐ URL๋ก ๋จ๊ฒจ ๋์ญ์์ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค