์๋ ํ์ธ์ Foma ๐ป ์ ๋๋ค!
์ค๋์ JavaScript์์ ์์ฃผ ์ ์ฉํ๊ฒ ๋ณ์๋ฅผ ๋ง๋ค ์ ์๋ ๊ตฌ์กฐ๋ถํด์ ๋ํด ์์๋ณด๋๋ก ํ๊ฒ ์ต๋๋ค.
๋ฐ๋ก ์์ํ ๊ฒ์~
๋ฐฐ์ด ๋ถํดํด์ ๋ณ์ ๋ง๋ค๊ธฐ
๋๊ดํธ๋ฅผ ์ด์ฉํด์ ๋ณ์์ ๊ฐ์ ํ ๋นํ ์ ์์ต๋๋ค.
let arr = ["foma","gran"]
let [foma,gran] = arr
console.log(foma) //"foma"
console.log(gran) //"gran"
๋ฌธ์์ด ๋ถํดํด์ ๋ณ์ ๋ง๋ค๊ธฐ
๋ฌธ์์ด์ ์ํ๋ ๋จ์๋ก ๋ถํดํ์ฌ ๋ณ์๋ก ๋ง๋ค ์ ์์ต๋๋ค.
let fomagran = "foma,gran"
let [foma,gran] = fomagran.split(',')
console.log(foma) //"foma"
console.log(gran) //"gran"
์ํ๋ ์์๋ง ๋ง๋ค๊ธฐ
์ผํ์ ๊ณต๋ฐฑ์ ์ด์ฉํ์ฌ ๊ฑด๋ ๋ธ ์ ์๊ณ ์ํ๋ ๊ธธ์ด๊น์ง๋ง ๋ณ์๋ก ๋ง๋ค ์ ์์ต๋๋ค.
let names = ["foma"."gran","fomagran","young"]
let [foma, ,fomagran] = names
console.log(foma) //foma
console.log(fomagran) //fomagran
๋๋จธ์ง ํ ๋ฒ์ ๋ฌถ์ด์ ์ง์ ํ๊ธฐ
...์ ์ด์ฉํด์ ๋จ์ ๋ณ์๋ค์ ๋ชจ๋ ๋ด์ ์ ์์ต๋๋ค.
let names = ["foma"."gran","fomagran","young"]
let [foma,gran,...rest] = names
console.log(foma) //foma
console.log(rest) //["fomagran","young"]
๊ฐ์ฒด ๋ถํดํ๊ธฐ
๊ฐ์ฒด๋ ๋ฐฐ์ด์ด๋ ๋ฌธ์์ด๊ณผ ๋ค๋ฅด๊ฒ ์ค๊ดํธ๋ฅผ ์ฌ์ฉํ์ฌ ๋ณ์๋ฅผ ์ง์ ํฉ๋๋ค.
let user = {
name:"fomagran",
age:27,
color:"Black"
}
let {name,age,color} = user
console.log(name) //"fomagran"
ํ๋กํผํฐ๋ช :์ํ๋ ์ด๋ฆ์ผ๋ก ์ง์ ํ ์๋ ์์ต๋๋ค.
let {name:n,age:a,color:c} = user
print(n) //"fomagran"
ํ๋กํผํฐ๊ฐ ์์ ๋๋ ๊ฐ์ด ์์ ๋๋ฅผ ๋๋นํ์ฌ ๊ธฐ๋ณธ๊ฐ์ ์ค์ ํ ์๋ ์์ต๋๋ค.
let {name:n = "Fomagran",age:a = 27,color:c = "Blue",food:f = "Rice"} = user
print(f) //"Rice"
์ค์ฒฉ๊ตฌ์กฐ ๋ถํดํ๊ธฐ
์ค์ฒฉ์ผ๋ก ๋์ด์๋ ๊ตฌ์กฐ๊ฐ ์๋ค๋ฉด ์ค๊ดํธ ์์ ์ค๊ดํธ๋ ๋๊ดํธ๋ฅผ ์ฌ์ฉํ์ฌ ๊ฐ์ ์ง์ ํ ์ ์์ต๋๋ค.
let options = {
size: {
width:100,
height:90
},
items:["Cake","Donut"],
isOkay:false
}
let {size:{width,height},items:[item1,item2]} = options
console.log(width) //100
console.log(item1)//"Cake"
ํ๋ผ๋ฏธํฐ๋ก ๋ถํดํ๊ธฐ
ํ๋ผ๋ฏธํฐ๋ก ๊ฐ์ฒด๋ฅผ ๋ฐ์ ๋ ๋ถํดํ์ฌ ๊ฐ์ ์ป์ด๋ผ ์ ์์ต๋๋ค.
function showOption({title = "title",items:[item1,item2]}) {
print(`${title} ${item1} ${item2}`)
}
showOption(options)
// title Cake Donut
Reference
๋ชจ๋ JS ์ง์์ ๋ชจ๋ JavaScript ํํ ๋ฆฌ์ผ์ ํตํด ํ์ตํ์์ต๋๋ค.
'๐ Language > Javascript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[JS] ํด๋์ค(Class) ๊ธฐ๋ณธ ๋ฌธ๋ฒ๊ณผ ์์ (0) | 2022.02.12 |
---|---|
[JS] ํ๋กํ ํ์ (Prototype) ๋ค๋ค๋ณด๊ธฐ (0) | 2022.02.12 |
[JS] ํ๋กํผํฐ ์ต์ (ํ๋๊ทธ) ๋ค๋ฃจ๊ธฐ(Property Flag) (0) | 2022.02.12 |
[JS] JSON๊ณผ ๊ฐ์ฒด ๋ค๋ฃจ๊ธฐ (0) | 2022.02.05 |
[JS] iOS ๊ฐ๋ฐ์๊ฐ ์ดํดํ๋ JavaScript ๊ธฐ์ด๋ฌธ๋ฒ (feat. Swift) (0) | 2022.02.05 |
๋๊ธ