[#혼공챌린지] 혼자 공부하는 자바스크립트 3주차 미션

공부내용 정리

• Chapter 04: 반복문

기본 미션

비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기

 

비파괴적 처리

처리 후에 원본 내용이 변경되지 않는다.

const a = "안녕";
const b = "하세요";

const c = a + b;

c;        // "안녕하세요"

a;        // "안녕"
b;        // "하세요"

a와 b의 내용이 변경되지 않았다.

 

파괴적 처리

처리 후에 원본 내용이 변경된다

const array = ["사과", "배", "바나나"];

array.push("귤");        // 4

array;        // (4) ["사과", "배", "바나나", "귤"]

array의 원본 내용이 변경되었다.

과거엔 컴퓨터 메모리의 부족으로, 프로그래밍 언어 및 라이브러리는 메모리를 절약해 사용하는 방식으로 설계되었다. 기본 자료형은 메모리를 조금만 차지해 원본과 결과 모두 메모리에 저장해도 무리가 없었지만, 배열같이 크기가 어느 정도인지 모르는 대상은 원본과 자료 모두를 메모리에 저장하기에 위험이 있었다. 그래서 배열과 같이 거대해질 수 있는 자료는 대부분 파괴적 처리로 이루어졌다.

현대에 들어선 메모리가 여유로워졌기에, 자료 보호를 위해 대부분 비파괴적 처리를 한다.

 

선택미션

p.173 확인 문제 3번 문제 풀고 인증샷

1. const strA = "사과,배,바나나,귤";        // undefined
   strA.split(",");        // (4) ["사과", "배", "바나나", "귤"]
   
   strA;        // "사과,배,바나나,귤"

   • strA의 원본 내용이 변경되지 않았으므로 split() 메소드는 비파괴적 처리이다.

2. const arrayB = ["사과", "배", "바나나", "귤"];        // undefined
   arrayB.push("감");        //5
   
   arrayB;        // (5) ["사과", "배", "바나나", "귤", "감"]

   • arrayB의 원본 내용이 변경되었으므로 push()는 파괴적 처리이다.

3. const arrayC = [1, 2, 3, 4, 5];        // undefined
   arrayC.map((x) => x * x);        // (5) [1, 4, 9, 16, 25]
   
   arrayC;        // (5) [1, 2, 3, 4, 5]

   • arrayC의 원본 내용이 변경되지 않았으므로 map() 메소드는 비파괴적 처리이다.

4. const strD = "  여백이 포함된 메시지  ";            // undefined
   strD.trim();        // "여백이 포함된 메시지"
   
   strD        // "  여백이 포함된 메시지  "

   • strD의 원본 내용이 변경되지 않았으므로 trim() 메소드는 비파괴적 처리이다.