1017 TIL

기멜·2021년 10월 17일
0

자바스크립트 독학

목록 보기
35/44

반복문! 반복문! 화이팅!

반복문과 배열

응용된 자바스크립트 반복문에 대해서 공부해보도록 하겠습니다.
for문을 다시 한번 더 짚어보겠습니다.

for (초기 상태; 조건; counter 변화){
  수행할 동작
}

이 문법을 이용해서 콘솔에 1부터 10까지 1씩 더해가면 출력하는 코드를 반복문으로 작성해보도록 하겠습니다.
반복문을 공부하다보면 아시겠지만 굉장히 많은 예시에서 i라는 변수를 사용하고 있습니다. 특별히 뜻이 있는 것은 아니지만 개발자들이 통상적으로 사용하는 변수입니다.

for (let i = 1; i < 11; i++){
  console.log(i)
}

i가 11보다 작다면 콘솔로그 i를 실행시키세요. 그리고 i를 1만큼 증가시키세요. 가 되어서 실행하면 1,2,3,4,5,6,7,8,9,10 이 순서대로 출력이 됩니다.

이 i를 무조건 이렇게 써야하는 것은 아닙니다. i가 0부터 시작할 수도 있습니다.

for (let i = 0; i < 10; i++){
  console.log(i+1)
}

반복문 내부에 선언하는 변수와 콘솔로그에 할 동작을 잘 사용을 하는 것이 중요합니다. i가 출력하는 규칙에 따라서 바뀌는 것. 헷깔릴때가 많을 텐데 내부에서 어떤 코드가 실행되고 있는지를 잘 생각해보세요.

다음으로 넘어가서. 반복문을 응용해서 사용할 때 가장 흔하게 쓰이는 조합이 For loop 와 array를 조합해서 사용하는 것입니다. 반복문과 배열은 굉장히 자주 등장합니다.
현업에서 개발을 하면서도 굉장히 같이 자주 사용됩니다. =

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

  • 배열 추가 : Array.push(), Array.unshift(),Array.splice()
  • 배열 삭제 : Array.pop(), Array.shift(), Array.splice()
//빈 배열 myArray [ ]
// myArray -> [100]
// myArray -> [100, 101]
// myArray -> [100, 101 ..., 110]
let myArray = []
//반복적으로 100부터 110까지 myArray.push()
for (let i = 100; i <= 110; i++) {
  myArray.push(i)
}
console.log(myArray)

For loop 을 돈다고 합니다. i 는 100입니다. 그리고 push를 했기때문에 배열에 들어가겠죠. 그리고 다시 i++때문에 101로 변했을 것입니다 그렇게 쭉쭉 올라가다가 111일때 false가 나와서 110일때 true일 때 까지 출력이 되는 겁니다. [100, 101, 102, 103, 104, 105, 106, 107, 108, 109, 110] 이렇게 나옵니다.

profile
프론트엔드 개발자를 꿈꾸는 도화지 위를 달리는 여자

0개의 댓글