오늘은 JavaScript를 공부할 때 정리해두었던 객체 복사와 관련된 내용을 기록해보려한다. 1. 객체 복사 문제점객체 변수는 메모리 어딘가에 저장되어 있는 객체를 참조할 수 있는 주소값이 저장된다.아래 코드와 같이 A = B 와 같은 방식으로 객체 복사를 할 경우, 동일한 객체를 참조하는 주소 값을 복사하게 되어 각 객체 변수의 값을 변경할 경우 서로 영향을 주게되는 문제점이 발생한다.이러한 문제점은 얕은 복사(Shallow copy), 깊은 복사(Deep Copy)를 통해 해결할 수 있다. const user = { name: "sally", age: 23};const clone = user;clone.name = "park";console.log(clone.name); // output: "..
복잡한 객체를 다루고 있을 때, 네트워크를 통해 객체를 보내거나 로깅 목적으로 객체를 출력해야 한다면 객체를 문자열로 전환해야 한다. 이때 전환된 문자열에는 원하는 정보가 있는 객체 프로퍼티 모두가 포함되어야만 한다. 1. toString() 메서드를 통해 객체를 문자열로 전환한다고 가정했을 때,- 개발 과정에서 프로퍼티가 추가/삭제/수정 될 경우 매번 수정해야 하는 번거로운 작업이 뒤따릅니다.2. 프로퍼티에 반목문을 돌리는 방법을 사용할 수도 있지만,- 중첩 객체 등 복작한 경우 까다로워져 쉽지 않을 수 있습니다. 위 같은 문제들 때문에 많이 사용하는 것이 JSON 인데 아래에서 공부한 내용을 간단하게 정리해보았습니다. 1. JSON의 개념1. JSON 이란?- JavaScript Object Nota..
1. 산술연산자 : +, -, *, **, /, %console.log(10 + 5); // 15console.log(10 - 5); // 5console.log(10 * 5); // 50console.log(2 ** 5); // 32console.log(10 / 5); // 2console.log(11 % 5); // 1 2. 증감연산자1. ++num / --num : 전위 증감 연산자- 먼저 num을 증감 후에 해당 문장 실행let a = 0;let b = 0;console.log(++a); // 1console.log(--b); // -12. num++ / num-- : 후위 증감 연산자- 문장 실행 후 num 증감let a = 0;let b = 0;console.log(a++); /..
1. 문자열1. 문자열- 텍스트 형식의 데이터- 큰 따옴표 / 작은 따옴표 / 백틱으로 표현 2. ' \ ' 사용- \n : 다음줄로 이동- \t : 탭(4칸)만큼 이동- \\ : 문자 표시- \" : 큰 따옴표 표시- \' : 작은 따옴표 표시 2. 문자열 접근 1. charAt(num) : 문자열의 num번째에 접근해 반환하는 함수2. charCodeAt(num) : 문자열의 num번째에 접근해 UTF-16 코드를 나타내는 0부터 65535 사이의 정수를 반환하는 함수let text = "Hello World!"console.log(text.charAt(4)); // oconsole.log(text.charCodeAt(4)); // 1113. startsWith(문자열, 탐색 시작 위치) : 특정..
1. 변수1. 변수 종류- var (가변형 변수)- let (가변형 블록 지역 변수)- const (불변형 블록 지역 변수) 2. 변수 선언 방식 : var / let / const + 변수 이름;- 지정된 초기값 없이 선언된 변수는 undefined 값을 가짐 3. 변수 선언 시 지켜야할 룰- 대문자와 소문자 구별 → ex. let myAge (o) / let myage (x)- 예약어를 쓸 수 없다는 것 → let if / let for / let while 등 (x) 4. 변수 할당let myAge; // 변수 선언myAge = 20; // 변수 할당let myAge = 20; // 변수 선언과 동시에 할당 2. undefined / null구분공통점차이점undefined- 값의 유무 표현- 빈..
