반복문과 배열(Iterate & Array)

Now, Sophia·2021년 8월 4일
1

TIL_JAVASCRIPT

목록 보기
8/15
post-thumbnail

반복문 (iteration statement)

코드들이 반복적으로 실행될 때, 한 코드로 조건이 충족될 때까지 여러번 실행되도록 한다.
개발자의 수고로움을 덜어주고, 수정할 때 에러를 줄여준다.
다양한 반복문이 있는데, 그 중 for 문은 하기와 같은 구조를 가지고 있다.

	for (초기화 ; 조건식 ; 증감문) {
	     수행할 동작
	   }

✓ 초기화 : counter를 선언
✓ 조건식 : counter가 true 가 되는 조건으로 수행할 동작이 실행
✓ 증감문 : counter 변수를 증가, 감소, 업데이트 하는 데에 사용
	( ++ : counter에 1씩 증가
	  -- : counter에 1씩 감소 )
각각 세미콜론을 구분자로 둔다.

조건식이 false가 되면 for문에서 탈출하여 다음 코드 실행

예제)
반복문을 이용하여 i 가 10보다 작을 때까지 1씩 더해서 console.log(i)를 출력하세요.

	for (let i = 1; i < 10; i++){
	console.log(i);
	} // 1,2,3,4,5,6,7,8,9
/* i 라는 변수를 선언하고, i 는 1로 할당하고 -> 초기화
   10보다 작을 때까지 -> 조건식
   i를 1씩 증가시켜 -> 증감문
  { console.log } -> 코드 실행*/

	for (let i = 1; i < 10; i++){
	console.log(i+1);
	}
/* i 라는 변수를 선언하고, i 는 1로 할당하고 -> 초기화
   10보다 작을 때까지 -> 조건식
   i를 1씩 증가시켜 -> 증감문
  { i+1를 더한 값으로 console.log에 출력 } -> 코드 실행*/

2
3
4
5
6
7
8
9
10
/* 2부터 출력되는 이유는 i = 1 일 때, 콘솔로그에서 +1 되어 1+1 = 2로 출력.
10까지 출력되는 이유도, i가 9일 때, 10보다 작기 때문에 조건에 통과되고,
콘솔로그에서 +1이 되어 값이 10이 되어 출력*/

💥💥 반복문과 배열을 같이 사용하는 이유

💡💡 배열 은 변수선언을 줄이기 위해서 쓰이기도 하고, 데이터 찾기에도 용이.
어떤 데이터 타입도 오류 없이 한 배열에 순서대로 나열이 가능

💡💡 반복문 은 조건이 만족 될 때까지 한 코드로 반복하여 값 출력.
수정할 때도 한번만 수정하면 나머지가 수정되도록 하는 것으로 편리

여러 변수를 일일히 만들지 않고, 1 개의 배열에 값을 넣는다.

	↑ ↑ ↑ 배열을 사용하는 이유 ↑ ↑ ↑

그 배열 안에 있는 모든 요소에 일일히 코드를 입력하지 않고,
반복문을 이용하여 한 코드를 만들어 배열의 각 요소에 순회하여 값을 도출하는 것.

	↑ ↑ ↑ 반복문을 사용하는 이유 ↑ ↑ ↑

따라서 변수를 줄이고, 코드를 줄임으로써 가독성이 좋아지고, 코드 수정 시 오류도 줄일 수 있다.
또한 반복문에서 출력된 값을 배열 안에 깔끔하게 출력이 가능.
대량연산이나 대량데이터에 사용하기에 편리


빈 배열에 값을 담을 때 ↓

let number = []
for (let  i = 0; i < 40; i++) {
number.push(i); }

console.log(number);
// [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14...39]

여기서 배열의 갯수를 확인할 때 ↓

console.log(number.length) // 40

반복문을 이용하여 배열의 갯수에 1씩 더할 때 ↓

for (let ar = 0; ar < number.length; ar++){
	console.log(number[ar]+1)
} // 1,2,3,4,... 40까지 값 도출

✋✋여기서 잠깐❗️
반복문을 이용하지 않았다면🤔❓

let number = [0,1,2,3,4,5,...39]
console.log(number[0]+1) // 1;
console.log(number[1]+1) // 2;
.
.
.

♨️♨️♨️
배열의 갯수만큼 코드를 찍어야...


더한 값을 배열 안에 담기 ↓

let ar2 =[]
for (let arr = 0; arr < number.length; arr++){
	ar2.push(number[arr]+1)
}
console.log(ar2)
/* (40) [1,2,3,4,....40]
처음과 같이 빈 배열을 만들어서 그 배열에 요소 추가하는 메소드 (.push)를 사용하여 값을 배열에 넣기 */

profile
Whatever you want

0개의 댓글