🔑반복문과 반복문과 배열이 함께 어떻게 쓰이는지에 대해서 알아보좌
-WHAT IS❓
- 반복문(lteration statesments)이란 동일한 동작을 조건(횟수)을 만족할 때 까지 반복해서 수행하는 개발자의 수고로움을 덜어주기 위해 탄생했다.
-HOW TO USE❕❓
->이럴 때 필요한게 바로 반.복.문!...🙋♂️
3. 반복문을 활용하여 총 10번(조건을 만족할 때까지)을 콘솔로그로 문장을 찍어내도록(수행하도록)한다.
counter
를 가지고 있어서 반복하는 횟수를 세어준다.for
, 반복문 키워드, 명령어를 적어준다 소괄호,()안에 다음 세가지 단계를 적어준다.1>
초기 상태(let step = 0)
: 선언 할 counter의 초기상태를 적어준다.
-변수명 step을 counter로서 0으로 할당한다.
2>조건(step < 10)
counter가 만족시킬 조건을 적는다.
-step이 10이 되기 전까지라는 조건을 말한다.
3>counter 변화(step++)
: counter가 어떻게 변화해야할지를 적어준다.
-step이 2>조건을 만족하기 전까지 1씩 증가하라는 뜻이다.
4> 블록 안에 couter가 조건을 만족하는 동안수행할 동작
에 대한 코드 적어준다.
<script>
let myArray = []
for(let i=0;i<=10;i++){
console.log(`HelloWecode`)
}
console.log(i) // 111, let 키워드 아닌 var키워드로 하면 함수레벨스코프로 참조가능!
</script>
TIP
반복문 내부에서 선언한 변수(EX>i, counter)와 블록 안에서 수행하게 될 동작을 적재적소에 잘 활용해야한다!
- 빈 배열에 반복문을 사용해 요소를 넣고 싶을땐?
초기상태
를 let i = 100
부터 조건
을 i<=110
까지 counter 변화
를 i++
로서 i를 1씩 증감시켜 블록 내부에 빈 배열에 100부터 110까지 i를 push하는 메소드를 실행하도록myArray.push(i)
반복해서 수행할 코드를 적어준다. <script>
let myArray = []
for(let i=100;i<=110;i++){
console.log(`before push: ${myArray}`)
myArray.push(i)
console.log(`after push: ${myArray}`)
}
console.log(myArray)
console.log(i) // 111, let 키워드 아닌 var키워드로 하면 함수레벨스코프로 참조가능!
</script>
<예시2>
- 배열의 요소를 순회하며 콘솔에 출력하고 싶을땐?
순회라는 의미는 배열의 요소 하나하나에 접근해서 동일한 동작을 수행한든 것을 의미한다.<script> let colors = ['red','blue','orange','black '] for(let i=0;i<colors.length;i++){ console.log(colors[i]) } </script>
<예시3>
- 배열의 요소를 순회하며 콘솔에 출력하고 싶을땐?
순회라는 의미는 배열의 요소 하나하나에 접근해서 동일한 동작을 수행한든 것을 의미한다.- 배열의 길이만큼 순회하기 위해서 배열의 length 프로퍼티를 조건으로 넣어준다
<script> let arr = [1,2,3,4] for(let i=0;i<colors.length;i++){ arr[i] += 1 console.log(arr[i]) } </script>
배열과 반복문을 함께 쓰는 것에 익숙해지고
추가로 forEach for..in도 같이 공부할 것!
- weekcode 강의 중 내용