728x90
๐งฑโ for in
- ๊ฐ์ฒด์ ์ฌ์ฉํ ์ ์๋ ๋ฐ๋ณต๋ฌธ
- ๋ฐฐ์ด์์ ์ฌ์ฉํ๋ for of๋ผ๋ ๋ฐ๋ณต๋ฌธ์ ๊ฐ์ฒด ๋ฒ์
- ๊ฐ์ฒด๋ฅผ ์ํ
- ๊ฐ์ฒด์ ํฌํจ๋์ด ์๋ ๋ชจ๋ ํค ๊ฐ์ ์ํํ๋ฉด์ ์ถ
๐งฑโ ๊ฐ์ฒด ์ถ์ฝ ๋ฐฉ๋ฒ
- ํค์ ๊ฐ์ด ๋๊ฐ์ ์ด๋ฆ์ ์ฌ์ฉํ ๋ ๋ท๋ถ๋ถ์ ์ง์ฐ๊ณ ์ค๋ณต๋๋ ์ด๋ฆ์ ํ ๋ฒ๋ง ๋ช ์ํด์ ํ๋กํผํฐ๋ฅผ ์ฝํด์ ํํ
const name = '๊ฒจ์ธ';
const country = 'KR';
const user = {
name: name,
country: country,
};
console.log(user);
๐งฑโ ๋ฉ์๋ ์ถ์ฝ ํํ
- ๊ฐ์ฒด์ ํ๋กํผํฐ๋ก ์ ์ธ์ด ๋ ํจ์๋ฅผ ๋ฉ์๋๋ผ๊ณ ํจ
- ํจ์๋ฅผ ํธ์ถํ ๋๋ ๊ฐ์ฒด์ ํ๋กํผํฐ๋ก ์ ๊ทผ
- ๊ฐ์ฒด ๋ด๋ถ์ ๋ฉ์๋๋ฅผ ์์ฑ์ ํ ๋ ํ์ ์ด๋ผ๋ ํค์๋๋ฅผ ์๋ตํ๊ณ ๋ฉ์๋๋ฅผ ์ถ์ฝํด์ ํํํ ์ ์์
const obj = {
greeting(){
console.log('Hi!');
},
};
obj.greeting();
๐งฑโ Object.key
- key๋ฅผ ๋ฝ์๋ผ ์ ์๋ ๋ฉ์๋
- ์ธ์๋ก ๊ฐ์ฒด๋ฅผ ์ ๋ฌํด์ฃผ๋ฉด ์ง์ ๋ ๊ฐ์ฒด๊ฐ ๊ฐ์ง๊ณ ์๋ key๋ค์ ๋ฐฐ์ด๋ก ๋ฐํ
const obj = {
x : 10,
y : 20,
z : 30,
};
console.log(Object.keys(obj));
๐งฑโ ์ ์ ๋ฉ์๋ ํธ์ถ
- ์ ์ญ ๊ฐ์ฒด Object ์์ ์๋ keys๋ผ๋ ์ ์ ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๋ ๊ฒ
- ๋ณ์, ๋ฉ์๋()๋ก ๋ฐ๋ก ์ฌ์ฉํ ์ ์๋ ๊ฑด ๊ฐ์ฒด์ ์์ฒด ๋ด์ฅ ๋ฉ์๋
- ์ค์ ๊ฐ์ฒด๊ฐ ์์ด์ผ ๊ฐ์ฒด๋ฅผ ์์ฑํด์ผ๋ง ์ฌ์ฉํ ์ ์์
- ๊ฐ์ฒด๋ฅผ ์์ฑํ์ง ์๊ณ ๋ ๋ถ๋ฌ๋ด์ ์ฌ์ฉํ ์ ์์
- ์ ์ ๋ฉ์๋๋ค์ ์์ฑ๋ ๊ฐ์ฒด์ ๋ด์ฅ๋์ด ์๋ ๊ฒ์ด ์๋๋ผ Object, Array ํด๋์ค๊ฐ ๊ฐ์ง๊ณ ์๊ธฐ ๋๋ฌธ์ ์์ Object ๋๋ Array ๋ฑ์ ๋ถ์ฌ์ผ ์ฌ์ฉ ๊ฐ๋ฅ
- isArray๋ ๋ฐฐ์ด์ธ์ง๋ฅผ ํ๋ณํด์ฃผ๋ ๋ฉ์๋
- ์ ์ ๋ฉ์๋๋ค์ ๊ฐ์ฒด๋ฅผ ์์ฑํ์ง ์๊ณ ๋ ๋ฐ๋ก ์ฌ์ฉํ ์ ์์
const obj = {
x : 10,
y : 20,
z : 30,
};
console.log(Array.isArray(obj));
๐งฑโ Object.values()
- ์ค๋ธ์ ํธ ๋ค์ ์ ์ ๋ถ์ด๊ณ values
- ์ค๋ธ์ ํธ๊ฐ ๊ฐ์ง๊ณ ์๋ ๊ฐ๋ค์ ๋ฐฐ์ด๋ก ๋ฐํ
const obj = {
x : 10,
y : 20,
z : 30,
};
console.log(Object.values(obj));
๐งฑโ Object.entries()
- entries ๋ฉ์๋๋ฅผ ์ฌ์ฉํ๊ณ ์ธ์๋ก ๊ฐ์ฒด๋ฅผ ์ ๋ฌํด ์ฃผ์๋ฉด ๋จ
- ๊ฐ๊ฐ์ ํ๋กํผํฐ
- ํค์ ๊ฐ์ ์์ ํ๋๋ก ๋ฌถ์ด์ ๊ทธ๊ฒ๋ค์๊ฐ๋ณ์ ์ธ ์์๋ก ๊ฐ์ง๋ ๋ฐฐ์ด๋ก ๋ฐํํ๋ ๊ธฐ๋ฅ
const obj = {
x : 10,
y : 20,
z : 30,
};
console.log(Object.entries(obj));
'Front > JavaScript' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[JavaScript] DOM (0) | 2024.07.06 |
---|---|
[JavaScript] ๊ตฌ์กฐ๋ถํดํ ๋น (0) | 2024.07.06 |
[JavaScript] ๋ฉ์๋ (0) | 2024.07.05 |
[JavaScript] JS ํจ์ (0) | 2024.07.05 |
[JavaScript] JS ๋ฐ๋ณต๋ฌธ (0) | 2024.07.05 |