โ
Object.assign()
- ๊ฐ์ฒด๋ค์ ๋ณํฉํ๊ณ ์ถ์ ๋ ์ฌ์ฉํ๋ ๋ฉ์๋
- ๋ฐฐ์ด์์๋ ์ค์ ๋ฐฐ์ด์ ์ด๋ฆ์ ๋ถ๋ฌ์์ ์ฌ์ฉํ์ง๋ง
object๋ ๊ฐ์์ object๋ฅผ ๋ถ๋ฌ๋ค๋๊ณ .assign์ ์ ์ฉํ์ฌ ์ฌ์ฉํ๋ค
(์ ์ ๋ฉ์๋์ ํน์ง ์ค ํ๋!)
- ๊ฐ์ฒด์ ์ด๋ฆ์ด ๊ฒน์น ๊ฒฝ์ฐ ํฉ์ณ์ง๋์์ด(obj1)๊ฐ์ผ๋ก ํต์ผ๋๋ค
- ์๋ณธ : ํฉ์ณ์ง๋ ์์ด์ ํจ์๋ ํฉ์ณ์ง ์ํ๋ก ๋ณํ๋ค
const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };
const returnObj = Object.assign(obj1, obj2);
console.log(obj1); //{a:1, b:3, c:4}
console.log(returnObj); //{a:1, b:3, c:4}
โ
Object.keys()
- ๊ฐ์ฒด์ ket๊ฐ์ ๋ฐฐ์ด๋ก ๋ฐํํด์ฃผ๋ ๋ฉ์๋
const user = {
id: 1,
name: "dding",
email: "dding@gmail.com",
};
const keys = Object.keys(user);
console.log(keys);
// ["id", "name", "email"]์์๋ก ์ถ๋ ฅ
//["1", "dding", "dding@gmail.com"]
const values = keys.map((key) => user[key]);
console.log(values);
//values๋ผ๋ ์ด๋ฆ์ (user์ ํค๊ฐ์ map์ ์ด์ฉํด์ ๋ฐฐ์ด๋ก ๋ฝ์๋ด๋ ์ฝ๋
โ
๊ตฌ์กฐ ๋ถํด ํ ๋น(๋น๊ตฌ์กฐํ ํ ๋น)
- ๊ฐ์ฒด๋ ๋ฐฐ์ด์ ๊ฐ๊ฐ์ ๊ฐ์ ๋ถํดํ์ฌ ๋ณ์์ ๋ฃ์ด์ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ
- user๊ฐ์ฒด์ key๊ฐ์ ๋ฐ๋ก ํ์ฉํ๊ณ ์ถ์ ๊ฒฝ์ฐ!
[const{key~~} = ํ์ฉํ๊ณ ์ถ์ ๊ฐ์ฒด์ด๋ฆ]
์ด๋ ๊ฒ ์์ฑํ๋ฉด ํ์ฉํ๊ณ ์ถ์ ๊ฐ์ฒด์ key๊ฐ์ ์์ฝ๊ฒ ๊ฐ์ ธ์ฌ ์ ์์
const user = {
id: 1,
name: "tetz",
email: "xenosign@naver.com",
};
const { id, name, email, address } = user;
// ๊ธฐ๋ณธ๊ฐ ์ค์ const { id, name, email, address = "KOREA"} = user; ( key๊ฐ์ด ์์ ๊ฒฝ์ฐ KOREA์ฒ๋ผ ์์๋ก ๋ฃ์ด์ค ์ ์์)
// ํน์ ๋ณ์์ ๋ฃ๊ธฐ const { id, name: tetz, email, address = "KOREA"} = user;
console.log(id);
console.log(name);
console.log(email);
console.log(address);
const fruits = ["์ฌ๊ณผ", "๋ธ๊ธฐ", "๋ง๊ณ ", "์๋ฐ"];
const [a, b, c, d] = fruits;
console.log(a, b, c, d);
...
โ
์ ๊ฐ ์ฐ์ฐ์๋ก ์ฌ์ฉ๋ ๋
- ๋ฐฐ์ด์ ๊ฐ์ ,์ ๋จ์๋ก ๊ตฌ๋ถํ์ฌ ์ ๊ฐ์์ผ์ฃผ๋ ์ฐ์ฐ์
const fruits = ["์ฌ๊ณผ", "๋ฐ๋๋", "์๋ฐ"];
console.log(fruits);
console.log(...fruits);
// console.log("์ฌ๊ณผ", "๋ฐ๋๋", "์๋ฐ");
โ
๋๋จธ์ง ์ฐ์ฐ์๋ก ์ฌ์ฉ๋ ๋
a,b๊ฐ ํน๋ณํ ์ค์ํ ๋ (a,b...c)ํํ๋ก ์ฌ์ฉ
const fruits = ["์ฌ๊ณผ", "๋ฐ๋๋", "์๋ฐ", "๋ง๊ณ ", "๋ธ๊ธฐ"];
function conLog(a, b, ...c) //์ฌ๊ณผ,๋ฐ๋๋ ["์๋ฐ", "๋ง๊ณ ", "๋ธ๊ธฐ"]
console.log(a, b, c);
}
conLog(...fruits); //("์ฌ๊ณผ", "๋ฐ๋๋", "์๋ฐ", "๋ง๊ณ ", "๋ธ๊ธฐ")
๋ชจ๋ ์ค์ํ ๋ (...์ด๋ฆ)ํํ๋ก ์ฌ์ฉ
const fruits = ["์ฌ๊ณผ", "๋ฐ๋๋", "์๋ฐ", "๋ง๊ณ ", "๋ธ๊ธฐ"];
function conLog(...rest) {
rest.forEach((element) => {
console.log(element);
});
}
conLog(...fruits);