[TIL] Day12
[SEB FE] Day12
ํค์ ๊ฐ ์(key-value pair)์ผ๋ก ์ด๋ฃจ์ด์ ธ ์์. (๋ฐฐ์ด๊ณผ ๋ฌ๋ฆฌ ์์ ์ ๋ณด๊ฐ ์์)
- ๊ฐ์ฒด๋ ์์ฑ์ ์์๋๋ก ์ ๊ทผํ์ง ์๊ณ , key๋ฅผ ํตํด์ value์ ์ ๊ทผ
let user = {
firstName: 'Soobin',
lastName: 'Choi',
email: 'tnqls1211v@gmail.com'
};
// key: firstName, lastName, email
// value: 'Soobin', 'Choi', 'tnqls1211v@gmail.com'
Dot notation: user.firstName;
Bracket notation: user[โfirstNameโ];
โย key๋ฅผ ๊ฐ์ธ์ค ๋ โโ, โโ, ``(๋ฐฑํฑ) ๋ชจ๋ ์ฌ์ฉ ๊ฐ๋ฅ
โย user[firstName];
์ฒ๋ผ key๋ฅผ ๊ฐ์ธ์ฃผ๋ ๊ฒ์ด ์์ผ๋ฉด ์ ์๋์ง ์์ ๋ณ์๋ฅผ ์ฐธ์กฐํ๋ฏ๋ก ReferenceError
โ key๋ฅผ ๋ฌธ์์ด ํ์์ผ๋ก ์ ๋ฌํด์ผ ํจ
๐๐ปย user[โfirstNameโ] === user.firstName;
โ true
- ์ถ๊ฐ: ๊ฐ์ฒด ์์ ์๋ ํค&๊ฐ์ ํ ๋นํด์ฃผ๋ฉด ๊ฐ์ฒด์ ์ถ๊ฐ
- ์ญ์ :
delete
ํค์๋๋ก ์ญ์ - ํ์ธ:
in
์ฐ์ฐ์๋ฅผ ์ด์ฉํด ํด๋น ํค์ ์กด์ฌ ์ฌ๋ถ ํ์ธ
let user = {
firstName: 'Soobin',
};
user.lastName = ['Choi'];
user['Country'] = 'Korea';
------->
let user = {
firstName: 'Soobin',
lastName: 'Choi',
Country: 'Korea'
}
delete user.Country; // key&value ์ ๋ชจ๋ ์ญ์
------->
let user = {
firstName: 'Soobin',
lastName: 'Choi'
}
'firstName' in user; // true
'Country' in user; // false
โฐย ์ข ํฉํด์ฆ & ์ฐ์ต๋ฌธ์ ๋ฅผ ํ๋ฉด์ ๊ธฐ์ตํด์ผ ํ ๊ฐ๋ ๋ค ๊ธฐ๋ก
splice(์ ๊ฑฐํ ์์์ index, ๋ช๋ฒ์งธ ์์๊น์ง, ์ ๊ฑฐํ ํ ๋์ ์ถ๊ฐํ ์์)
(๊ธฐ๋ณธ ๋ฐฐ์ด ๋ณ๊ฒฝ O)
- ๋ฐฐ์ด ๋ฉ์๋๊ฐ ์๋ณธ ๋ฐฐ์ด์ ๋ณ๊ฒฝํ๋์ง ํ์ธ ๊ฐ๋ฅ ์ฌ์ดํธ: https://doesitmutate.xyz/
- pop(), push(), unshift(), shift() ๋ฑ์ ์๋ณธ ๋ฐฐ์ด์ด ๋ณ๊ฒฝ๋๋ฉด์ ๋ฐํ๋๋ ํํ๊ฐ ์๋ณธ ๋ฐฐ์ด์ด ์๋ ๊ฒฝ์ฐ์ ๋ฐฐ์ด๋ง ๋ฐํํด์ฃผ๋ ์ฝ๋๊ฐ ํ์
let arr = [1, 2, 3, 4]; arr.push(100) // return 5 (length) return arr; // return [1, 2, 3, 4, 100] (๋ณ๊ฒฝ๋ ๋ฐฐ์ด)
- ๋ฐฐ์ด์ด ๋น ๋ฐฐ์ด์ธ์ง ํ์ธํ๋ ๋ฐฉ๋ฒ:
arr.length === 0
for ~ in
๋ฌธ์ ํตํด์ ๊ฐ์ฒด์ ๋ชจ๋ key์ ์ ๊ทผํ๊ณ ์ถ๋ ฅ ๊ฐ๋ฅfunction iteratation(obj) { for (let key in obj) { obj[key] } }
for ~ of
๋ฌธ์ string, array ๋ฑ์์ ์ฌ์ฉ ๊ฐ๋ฅํ ๋ฐ๋ณต๋ฌธ (๊ฐ์ฒด์์๋ ์ฌ์ฉ๋์ง ์์)
for (let ele of arr)
===for (let i = 0; i < arr.length; i += 1)
Object.entries()
:for ~ in
๊ณผ ๊ฐ์ ์์๋ก ์ฃผ์ด์ง ๊ฐ์ฒด ์์ฒด์ enumerable ์์ฑ[key, value]
์์ ๋ฐฐ์ด์ ๋ฐํObject.keys()
: ์ฃผ์ด์ง ๊ฐ์ฒด์key
๋ค์ ๋ฐฐ์ด๋ก ๋ฐํObject.values()
: ์ฃผ์ด์ง ๊ฐ์ฒด์value
๋ค์ ๋ฐฐ์ด๋ก ๋ฐํ
slice(0,-1)
: ๋ฐฐ์ด์ ๋ง์ง๋ง ์์๋ฅผ ์ ์ธํ ๋๋จธ์ง ์์๋ค ๋ฐํlet arr = [1, 2, 3, 4, 5] arr.slice(0, -1) // [1, 2, 3, 4]
- ๋ฐ๋ณต๋ฌธ, ์กฐ๊ฑด๋ฌธ ๋ฑ์์
continue
-> ๊ฑด๋ ๋,break
-> ์ฌ๊ธฐ์ ๋ฐ๋ณต๋ฌธ/์กฐ๊ฑด๋ฌธ ๋