배열 및 반복문

배열

• 배열 : 여러개의 변수를 한 번에 선언해 다룰 수 있는 자료형
• 요소 : 배열 내에 있는 값
• 인덱스 : 요소의 순서

const fruits = ['사과','배','키위','바나나']
fruits.length
> 4

fruits[fruits.length-1]
> "바나나"

---

배열요소 추가하기

배열.push(요소)

---

배열요소 제거하기

1) splice(), indexOf()

① 배열의 특정 인덱스에 있는 요소를 제거할 때 사용

배열.splice(인덱스,제거할 요소의 개수)

② 값으로 요소 제거하기

• indexOf()메소드로 값의 위치를 추출한 뒤, splice()메소드를 사용해 제거

const 인덱스 = 배열.length(요소)
배열.splice(인덱스,1)

③ 배열의 특정 위치에 요소 추가하기

배열.splice(인덱스, 0, 요소)

---

반복문

for in 반복문

배열의 인덱스를 기반으로 반복할 때 사용

const todos  = ['우유구매','업무확인','헬스']

       for (const i in todos){
              console.log(`${i}번째 할일:${todos[i]}`)
       }

result
0번째 할일 : 우유구매
1번재 할일 : 업무확인

---

for of 반복문

배열의 값을 기반으로 반복할 때 사용

const todos  = ['우유구매','업무확인','헬스']

       for (const todo of todos){
              console.log(`오늘의 할일:${todo}`)
       }

result
오늘의 할일 : 우유구매
오늘의 할일 : 업무확인

---

for 반복문

보통 횟수를 기반으로 할 때 사용

for (let i=0; i <=100; i++){
     output += i}

for (let i=시작;i < 반복횟수; i++){
문장}

---

while 반복문

보통 조건을 기반으로 할 때 사용
if 조건문과 다르게 불 표현식이 true면 계속해서 문장 실행

let i = 0
       while(confirm('계속하시겠습니까?')){
              alert(`${i}번째 반복`)
              i = i+1
       }

** confirm() : 사용자에게 확인받는 대화상자 실행되는 함수

---

break

앞서 배운 switch 조건문이나 반복문을 벗어날 때 사용

for(let i=0; true; i++){
              alert(i+'번째 반복')
              const isContinue = confirm('계속할래?')
              if(!isContinue){
                     break
              }
       }
       alert('종료')

• 확인 버튼 클릭하면 confirm()이 true, 취소 버튼 클릭하면 break실행 후 반복문 종료

---

continue

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

let output = 0
       
       for (let i=1; i<=10; i++){
              if(i % 2===1){
                     continue
              }
              output += i
       }
       alert(output)

---

중첩반복문

반복문을 여러겹 중첩해 사용. 보통 n차원 처리할 때 사용.

---

3일차 TIL 후기

웹종강의에서의 배열과 반복문을 공부할 때는 기본적인 for반복문 이었다면 이번 4장을 공부하고
for 반복문 중에서도 for in, for of반복문도 있다는 것을 알았고, for반복문과 다르게 while반복문은 if조건문과 비슷하지만 불표현식이 true면 계속적으로 실행한다는 차이점이 있다는 것을 알게 되었다. 교재를 보면서 마지막 중첩반복문은 이해하는데 좀 오래 걸릴 것 같지만 반복학습으로 혼자 직접 구현할 수 있도록 해봐야겠다.
추가로 확실히 웹종강의를 기반으로 교재와 함께 공부를 해서 그런지 나름 친숙해진 느낌이 들었다.