혼자 공부하는 자바스크립트 3주차

2023. 1. 19. 21:36JavaScript/혼공학습단 9기

728x90
# 진도 기본 미션 선택 미션
3주차
(1/16 ~ 1/22)
Chapter 04 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기 p. 173 확인 문제 3번 문제 풀고, 풀이 과정 설명하기

 

 

□ Chapter 04

 . 배열: 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형

  - 요소: 배열 내부에 있는 값

 . for in 반복문: 배열의 인덱스를 기반으로 반복할 때 사용

 . for of 반복문: 배열의 값을 기반으로 반복할 때 사용

 . for 반복문: 횟수를 기반으로 반복할 때 사용

  - break 키워드: switch 조건문이나 반복문을 벗어날 때 사용

  - continue 키워드: 반복문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행

 . while 반복문: 조건을 기반으로 반복할 때 사용

 

 

■ 기본 미션

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

 1) 비파괴적 처리: 처리 후에 원본 내용이 변경되지 않는 처리
   - 예: + 연산자를 사용해 각 변수에 선언된 문자열을 연결하는 경우, 기존 변수의 내용은 변하지 않음
   - 장점: 원본과 결과를 모두 저장 가능하여, 동일 변수의 내용을 참고하는 다른 부분에 문제가 없음
   - 단점: 증가 크기가 어느 정도일지 모르는 원본과 결과를 모두 저장해야 하기에 메모리의 낭비 발생

 2) 파괴적 처리: 처리 후에 원본 내용이 변경되는 처리

   - 예: push() 메소드를 실행한 경우, 기존 배열의 뒷부분에 요소를 추가하기에 원본 배열의 내용이 변경됨
   - 장점: 메모리를 절약하기에 상대적으로 메모리 용량이 부족한 경우에도 사용 가능
   - 단점: 원본에 내용이 변경되는 문제가 있고, 이로 인해 동일 변수의 내용을 참고하고 있던 다른 부분에도 문제가 발생

 

 

■ 선택 미션

문제에 나오는 아직 배우지 않은 메소드에 대해서는 책의 '찾아보기'를 통해 위치를 찾고, 간략히 알아봤습니다.

 

① 비파괴적 처리 : 원본의 내용이 변경되지 않음

  - split(): 문자열을 매개변수(다른 문자열)로 잘라서 배열을 만들어서 반환 [p.270]
② 파괴적 처리 : 원본의 내용이 변경됨 ( 뒤에 "감"이 추가됨 )

   - push(): 배열 뒷부분에 요소를 추가 [p.163]
③ 비파괴적 처리 : 원본의 내용이 변경되지 않음

  - map(): 콜백 함수에서 반환한 값들을 기반으로 새로운 배열을 생성 [p.223]  
④ 비파괴적 처리 : 원본의 내용이 변경되지 않음

  - trim(): 문자열 양쪽 끝의 공백(띄어쓰기, 줄바꿈 등)을 제거 [p.269]

 

 

728x90