[초보 중의 왕초보] 공부 시작하다3

1. 오늘 공부 핵심 키워드

/배열에 대해 알아보자 / 반복문에 대해 알아보자
/새로운 개념 자료의 비파괴와 파괴를 알게 되었다
/이렇게 프로그래밍의 세상은 다양하다니!

2. 배열에 대하여

- 배열은 여러 개의 변수를 한 번에 다룰 수 있는 자료형 배열은 '대괄호[]'를 사용하고 내부의 값을 쉼표(,)로 구분해 입력합니다. 배열내부에 들어 있는 값을 element(요소)라고 함.

- 배열 요소의 나열은 인덱스라고 함. 또한 배열 안에는 '[1 + 1]' 같은 수식도 저장할 수 있음.

• 대표적인 배열 선언
• 참고로 fruits[x] -> 배열의 순서를 지정해서 저장시킬 수 있음(인덱스는 도서관에서 책이 꽂힌 순서라고 볼 수 있음)

   <script>
     배열.length
   </script>

• 배열의 길이를 확인하기 위해서는 .length 속성을 활용하여 확인함. .length를 활용하면 배열의 전체 개수를 알 수 있음.

• 단, 배열의 위치 식별은 0부터 시작하기 때문에 배열.length - 1을 해줘야지만 마지막 요소를 도출할 수 있음

  3. 배열요소 제거 및 추가

- 배열.splice(접합)이란 뜻을 가진 메소드를 활용하면 한 개의 요소를 제거하거나 추가할 수 있음.

- 아래와 같이 4개의 요소를 가졌을 때, 배열.splice(1, 2) 라는 코드를 사용하면 [1]번에 위치한 요소로부터 [2]번의 요소까지 제거한다는 것을 의미함.

- 배열.splice(1, 0, "요소") 같은 경우에는 '어디까지'를 지정해주지 않음으로써 요소를 추가할 수 있음

- 그 외에도 'indexOf' 라는 메소드를 활용하여 값을 제거할 수 있는데, 값의 의 인덱스 위치를 모를 경우에도 제거할 수 있음

<script>
   const 인덱스 = 배열.indexOf(요소)
   	배열.splice(인덱스, 1)
   </script>

4. 자료의 비파괴와 파괴

- 비파괴적 처리: 값을 처리 후에 원본 내용이 변경되지 않는 것

- 파괴적 처리: 처리 후에 원본 내용이 변경됨.

- 최근에는 비파괴적 처리가 표준화되어 사용되지만, 과거에는 배열처럼 크기를 알 수 없는 자료들로 인한 메모리 사용을 예방하기 위해 파괴적 처리가 활용되었음.

5. 다양한 for문들

- for in : 배열의 요소 하나 하나 꺼내서 특정 문장을 실행할 때 사용함. 또한 반복 변수 안에 인덱스가 포함되며 반복문 내부에 요소를 사용하려면 '배열[i]' 같은 형태로 사용됨.

- for of : 조금 더 간편하게 사용하기 위해 등장한 것이 for of 구문으로, 반복문 안에 요소의 값이 포함되며, 이에 따라서 요소값을 반복할 때 안정적으로 사용할 수 있음

- 대표적인 for문 : 가장 보편적으로 활용되는 for 문법으로 가장 많이 보게 됨 아래의 사진들이 대표적인 for문을 활용한 것

• 위 사진에는 배열의 인덱스의 위치를 찾기 위해 '배열.length - 1' 이 조건문에 표현되어 있음. 또한 위 사진은 for 문을 활용하여 배열을 반대로 출력하는 구문임.

  

• 위 사진은 그 유명한 '별찍기' for 문으로 아래와 같이 별 모양이 나타남.

6. continue 의 사용법

- for문 안에서 반복작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행함

• 특별한 조건이 없기 때문에 alert(i)가 실행되지 않음

  

• 짝수와 홀수를 검사해서 나머지가 1이 될 수 있는 홀수인 경우에는 현재의 반복을 중지하고 다시 처음으로 돌아가 반복을 시작함.

  7. while 문의 대표적인 용례들

- for 문과는 대체하여 사용할 수 있으나, 'break' 같은 속성을 사용하지 않으면 무한루프에 빠질 수 있음.