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
- 백준알고리즘
- 가상 요소 선택자
- 객체
- filter()
- Array.from()
- visibility : hidden
- invalid assignment left-hand side
- 단방향 연결리스트
- map()
- Sort
- CSS
- innerhtml
- disabled
- Link
- 배열과 연결리스트의 차이
- 등차수열의 항 찾기
- 양방향 연결리스트
- display : none
- indexOf
- 일반 형제 선택자 결합
- Em
- 고차함수
- 범용 선택자
- classList.contains(string)
- 쌍방향 연결리스트
- 인접 형제 선택자 결합
- for..of
- 배열의 내림차순
- nth-child()
- 배열의 오름차순
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