๐ฅ์๋ฐ์คํฌ๋ฆฝํธ ๊ธฐ์ด ๋ฌธ์ ํ์ด
๊ฐ์ฒด์์ ์ด๋ฏธ ์กด์ฌํ๋ key์ ๊ฐ์ ๋ค์ ํ ๋ฒ ํ ๋นํ๋ฉด ๋ณ๊ฒฝ๋๊ณ ,
์ด์ ์ ์๋ key๋ก ์ ๊ทผํ๋ฉด ์๋ก์ด ํ๋กํผํฐ๊ฐ ์ถ๊ฐ ๋๋ค.
โฌ๏ธ๋ค์ํ ๋ฐฉ๋ฒ์ผ๋ก key์ ์ ๊ทผํ๊ณ ๊ฐ์ ์ฌํ ๋น, ์ถ๊ฐํ๋ ๋ชจ์ตโฌ๏ธ
let difficult = {
name : 'n',
color : 'c'
}
console.log(difficult['name']);
//n์ด ์ถ๋ ฅ๋จ
difficult['name'] = '๊ฐ ๋ฐ๊พผ๋ค';
console.log(difficult['name']);
//์ฌํ ๋นํ์ผ๋ n์ด ์๋๋ผ '๊ฐ ๋ฐ๊พผ๋ค'๊ฐ ์ถ๋ ฅ๋จ
difficult.color = '์๊น';
console.log(difficult.color);
//์ฌํ ๋นํ์ผ๋ c๊ฐ ์๋๋ผ '์๊น'์ด ์ถ๋ ฅ๋จ
console.log('์์ฑ์ : ' + difficult.new);
//๊ฐ์ด ํ ๋น๋ ์ ์์ผ๋ฏ๋ก undefined ์ถ๋ ฅ!
difficult.new = '์๋ก ์ถ๊ฐ๋ ํ๋กํผํฐ';
console.log('์์ฑํ: ' + difficult.new);
//๊ฐ์ ์ถ๊ฐํ์ผ๋ '์๋ก ์ถ๊ฐ๋ ํ๋กํผํฐ'๊ฐ ์ถ๋ ฅ๋จ
์ค์ฒฉ๋ ๊ฐ์ฒด (Nested Object)
๋ค์๊ณผ ๊ฐ์ด ์ค์ฒฉ๋ ๊ฐ์ฒด์์ 'simple'์ ์ถ๋ ฅํ๋ ค๋ฉด ์ด๋ป๊ฒ ์ ๊ทผํด์ผํ ๊น?
let nestedObj = {
type: {
year: '2019',
'comment-type': [{
name: 'simple'
}]
}
}
console.log(nestedObj.type.['comment-type'][0].name)
๋ผ๊ณ ์ ์ด์ผ ์ ๊ทผ์ด ๊ฐ๋ฅํ๋ค!
ํ์ด๋ณด๋ฉด,
nestedObj๋ผ๋ ๊ฐ์ฒด ์์
type์ด๋ผ๋ ๊ฐ์ฒด ์์
'comment-type'๋ผ๋ key๊ฐ ์์
0๋ฒ์งธ ๋ฐฐ์ด ์์
name์ด๋ผ๋ key๊ฐ!
์ ์ ๊ทผ ํ ๊ฒ์ด๊ธฐ๋๋ฌธ์
'simple'์ด๋ผ๋ value๋ฅผ ์ถ๋ ฅํ ์ ์๋ค.
Assignment
getAnswer ํจ์๋ฅผ ๊ตฌํํด ์ฃผ์ธ์.
getAnswer ํจ์๋ ์๋์ ๊ฐ์ฒด์์ '์๋ฌ๋' ๋ผ๋ ๊ฐ์ ์ถ๋ ฅํฉ๋๋ค.
let myProfile = {
name: '๊น๊ฐ๋ฐ',
address: {
email: 'geabal@gmail.com',
home: '์์ํฌ'
},
'my favorite': {
food: [{
name: '์๋ฌ๋',
price: 3500
}, {
name: '์ผ๊ฒน์ด',
price: 15000
}],
hobby: ['์ถ๊ตฌ']
}
}
๋์ ๋ต์
function getAnswer() {
let result = myProfile['my favorite'].food[0].name
return result;
}
myProfile์ด๋ผ๋ ๊ฐ์ฒด ์์
'my favorite'์ด๋ผ๋ key๊ฐ ์์
food๋ผ๋ ๊ฐ์ฒด ์์
0๋ฒ์งธ ๋ฐฐ์ด ์์
name์ด๋ผ๋ key๊ฐ
์ ์ ๊ทผํ ๊ฒฐ๊ณผ๋ฅผ returnํ๋ค!
๋ณด๋ค๋ณด๋ ๊ฐ์ ๋๊ดํธ ์์์๋ ๊ทธ๋ฅ ๋๊ดํธ ์์ ๋๋ ์ฐ์ฌ์ง key์ ๋ฐ์ดํ๋ก ์จ์ง key์ ์ฐจ์ด์ ๋ํด์ ํผ๋์ด์์ด์.. ๋ค์ ์ ๋ฆฌํด๋ด์ผ๊ฒ ๋ด
โฅ๏ธ ๋๊ดํธ ์์ ๋๋ ์๋ key๋ ์ด์ ์ ์ค๋ช
ํ ๋ฐ์ ๊ฐ์ด ๋ณ์์ด๋ฆ์ ์ ์ ๋๋ง! ๊ทธ๋ ๊ฒ ์ฐ๋๊ฑฐ๋ค.
ex. ๊ฐ์ฒด์ด๋ฆ[๋ณ์์ด๋ฆ]
โฅ๏ธ ๋๊ดํธ ์์ ๋ฐ์ดํ ์์ ์ฐ์ฌ์ง key๋ ๋์ด์ฐ๊ธฐ๋ฅผ ํฌํจํ stringํ์ key์ธ ๊ฒ์ด๋ค.
ex. ๊ฐ์ฒด์ด๋ฆ['๋ฌธ์์ด์ด๋ฆ']
โฅ๏ธ ์จ์ ์ผ๋ก ์ ๊ทผํ๋ ๋ฐฉ์์ ์ ๋ง ๋ฑ ํด๋น key์ ์ด๋ฆ๊ณผ ์ ํํ ์ผ์นํ๋ ์ด๋ฆ์ ์ ์ ๋ ์ฌ์ฉํ๋๊ฒ์ด๋ค! ๋์ด์ฐ๊ธฐ๋ ํฌํจ๋ ์ ์๋ค.
ex. ๊ฐ์ฒด์ด๋ฆ.์ ํํkey์ด๋ฆ!
์์ฃผ ๊ธฐ์ด์ ์ธ ๋ด์ฉ์ด์ง๋ง
์๊พธ๋ง ํท๊ฐ๋ฆฌ๋๊ฑธ~~
๋ชป์ด์