Chapter 04

04장

---

🐳 04-1 배열

- 배열만들기 array

여러개의 변수를 한번에 선언하여 다룰 수 있는 자료형

대괄호[ ]를 사용하여 생성하고 내부의 값을 쉼표(,)로 구분한다.

• 요소 : 배열 내부에 들어있는 값

[요소, 요소, 요소, ... , 요소]

 

- 배열 요소에 접근하기

가장 앞에 있는 요소를 0번째로 표현

이때 요소의 순서를 인덱스(index) 라고 부름

배열[인덱스]

 

- 배열 요소 개수 확인하기

배열 내부에 들어 있는 요소의 개수를 확인 할 때는 배열의 length 속성을 사용

배열.length

 

- 배열 뒷부분에 요소 추가하기

push() 메서드를 사용해 뒷부분에 요소 추가하기

배열.push(요소)

+ 인덱스를 사용해 배열 뒷부분에 요소 추가하기

 

- 배열 요소 제거하기

• 인덱스를 기반으로 제거하는 경우
• 값을 기반으로 제거하는 경우

1. 인덱스로 요소 제거하기

배열의 특정 인덱스에 있는 요소를 제거할 때는 splice()메서드 사용

splice라는 영어 단어는 '접합'이라는 의미

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

 

2. 값으로 요소 제거하기

값을 기반으로 요소를 제거할 때는 배열 내부에서 특정 값의 위치를 찾는 indexOf() 메소드를 하용해서 값의 위치를 추출한 뒤 splice() 메소드를 사용해 제거함

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

+ 배열 내부에 요소가 없을 때는 -1을 리턴

 

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

배열의 특정위치(인덱스)에 요소를 추가할 때는 splice() 메소드 사용

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

TIP.

#스텍과 힙

저장을 할 때 사용하는 공간 

- 스택(stack) : 기본 자료형과 주소 등을 저장하는 메모리 공간

• 기본 자료형은 직접!
• 복합 자료형은 그 주소(address)!

- 힙(Heap) : 복합 자료형을 저장하는 메모리 공간

• 복합 자료형의 본체가 저장!
• 레퍼러스한다 : 스택의 주소가 힙의 자료를 가리키는 것
• 레퍼런스 변수 : 스택에 저장된 것중에 주소가 저장된 변수

 

#자료의 비파괴와 파괴

메소드는 크게 비파괴적 처리와 파괴적 처리로 구분

• 비파괴적 처리 : 처리 후에 원본 내용이 변경되지 않음
• 파괴적 처리 : 처리 후에 원본 애용이 변경됨

#const의 제한

const → 스텍에 있는 값 변경할 때 오류!

→  힙에 있는 레퍼런스된 복합 자료형을 조작하는 것에는 문제 X

 

🐳04-2 반복문

코드를 여러번 혹은 무한히 반복하고 싶을 때 사용하는 구문.

반복문이 무한 반복되는 것을 무한 루프라고 함.

 

- for in 반복문 : 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용.

반복변수에는 인덱스로 접근

for(const 반복 변수 in 배열 또는 객체) {
	문장
}

- for of 반복문 : 반복 변수에 인덱스 대신에 요소의 값을 기준으로 반복할 때 사용

for(const 반복변수 of 배열 또는 객체){
	문장
}

- for 반복문  : 특정 횟수 만큼 반복하고 싶을 때 사용하는 범용적인 반복문.

⭐변수는 let 키워드로 선언⭐

for (let i = 0; i < 반복횟수; i++) { //다른 반복문과는 다르게 반복 변수를 let키워드로 선언
	문장
}

 

- while 반복문 : 불 표현식이 true면 계속해서 문장을 실행. 반복 횟수를 모르거나 무한 루프를 만들 때 사용

while(불 표현식){
	문장
}

let i = 0
while(i < 10){
    alert(`${i}번째 반복입니다.`)
    i++
}

→ 9번째 반복입니다까지 나옴

while(confirm('계속진행하겠습니까?')){
    alert(`${i}번째 반복입니다.`)
    i++
}

→  [확인]버튼을 클릭하면 true가 되어 반복문을 계속해 반복

반면 사용자가 [취소]버튼을 클릭하면 false로 바뀌어 반복 종료

 

- break 키워드 : switch 조건문이나 무한 루프 반목문을 벗어날 때 사용

while(true) {

} break

let i = 0
while(i < 10){
    i++
    alert(`${i}번째 반복입니다.`)
    break
}

→  한 번 반복하고 끝

 

- continue 키워드 : 현재 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행

let i = 0
while(i < 10){
    i++
    console.log(`${i}번째 반복입니다.`)
    continue
    console.log(`현재 반복이 끝났습니다.`)
}