Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- disabled
- Array.from()
- 범용 선택자
- 객체
- 등차수열의 항 찾기
- for..of
- display : none
- Sort
- nth-child()
- 인접 형제 선택자 결합
- Em
- 배열과 연결리스트의 차이
- map()
- 배열의 내림차순
- invalid assignment left-hand side
- indexOf
- 양방향 연결리스트
- 고차함수
- 배열의 오름차순
- 일반 형제 선택자 결합
- CSS
- 쌍방향 연결리스트
- 백준알고리즘
- innerhtml
- 가상 요소 선택자
- visibility : hidden
- 단방향 연결리스트
- Link
- classList.contains(string)
- filter()
Archives
- Today
- Total
프론트엔드 센트럴파크 (☞゚ヮ゚)☞
얕은복사 본문
▶ for문을 이용한 방법
let user = {
name : "Ho",
age : 27,
};
let admin = {};
for(let key in user) {
admin[key] = user[key];
}
admin.name = "park";
console.log(admin.name);
console.log(user.name);
▶ Object.assign() 함수
let user = {
name : "Ho",
age : 27,
};
// 빈 객체에 user객체를 합쳐서 admin에 넣어라
let admin = Object.assign({}, user);
admin.name = "park";
console.log(admin.name);
console.log(user.name);
▶ 전개연산자
let user = {
name : "Ho",
age : 27,
};
let admin = { ...user };
얕은복사의 문제점
▶ 객체 내 또다른 객체가 있다면 복사되지 않는다.
let user = {
name : "Ho",
age : 27,
size : {
height : 180,
weight : 60
}
};
let obj = Object.assign({}, user);
obj.size.weight++;
--obj.size.height;
console.log(obj.size.weight);
console.log(obj.size.height);
console.log(user.size.weight);
console.log(user.size.height);
'Javascript' 카테고리의 다른 글
논리 연산자 &&( and), ||(or), !(not) (0) | 2022.04.29 |
---|---|
연산자 (0) | 2022.04.29 |
깊은복사 (0) | 2022.04.28 |
createElement(), createTextNode(), appendChild() (0) | 2022.04.13 |
Call back 함수 (0) | 2022.04.08 |
Comments