[JS] 반복문과 배열 조합

반복문과 배열 조합

-> 반복문을 응용하여 사용할때 가장 흔하게 사용되는 조합이다.

(치킨과 맥주.. 육회와 소주... 느낌의 조합인가?)

 

아래 문제를 봐보자.

빈 배열 myArray에 100부터 110까지 요소를 추가하기

문법을 배우긴했지만 아직까지 문제만 봤을땐

어떻게 코드를 만들어야하는지 이해가 안갈때가 있다.

이럴땐 문제를 곱씹어보자.

 

1. 빈 배열 myArray가 있다 []

2. 빈 배열 -> [100부터 ~ 110까지 요소 추가한다]

3. 빈 배열 -> [100, 101, 102, 103, 104, 105 ....]

 

무엇인가를 어떤 조건을 넣어서 반복적으로 처리해야하는것이니..

반복문을 사용하면 아주 좋겠다

 

배열 추가 메소드
Array.push()
Array.unshift()
Array.splice()

(문법은 기억이 안나면 MDN문서 검색하면 됨)

const myArray = []

for (let i = 100; i < 111; i++) {
  myArray.push(i)
}
console.log(myArray)

배열을 선언하고 for문 식을 사용하여 빈 배열을 넣어준다.

조건이 '참'일동안 안에서 계속 반복을 한다.

그러다 조건이 거짓이되면 for loop는 끝이나고

그 아래의 조건이 실행되는 것!

---

다른 문제도 살펴보자.

Array의 요소를 순회하며 콘솔에 출력하기
-> 배열을 [] 안에 넣어서 출력하는것이 아니고, 따로따로 하나의 값으로 출력하는 것을 말한다.

const colors = ['red', 'blue', 'orange', 'black']

for (let i = 0; i < 4; i++) {
  console.log(colors[i])
}

또 다른 문제!

Number로 이루어진 Array의 요소를 순회하며 1씩 더하여 콘솔에 출력하기
-> 위 코드와 거의 동일하고, 마지막에 1씩 더 할 값만 +1 해주면 된다.

const numbers = [10, 20, 30, 40, 50]

for (let i = 0; i < 5; i++) {
  console.log(numbers[i] + 1)
}

 

그런데.... 만약에 아주아주 긴 배열이 있다.

그 배열의 길이는 너~무 길어서 길이를 우리가 일일이 세어볼 수도 없을뿐더러 매우 귀찮다.

그럴 땐, 종료조건 인덱스값에 .length를 붙여주면 간단하게 해결된다.

const numbers = [10, 20, 30, 40, 50, 60, 70, 55, 33, 15]

for (let i = 0; i < numbers.length; i++) {
  console.log(numbers[i] + 1)
}

짜잔,