3일차 JavaScript 챕터 4

배열(Array)

숫자, 문자열, 불과 같은 자료는 하나의 값만 가질 수 있어 여러개의 자료를 저장하려면 변수를 여러개를 선언해야하는 불편함이 있어 이를 해결하고자 나온 것이 배열이다.

 

배열 요소에 접근하기

> const number = [273, 52, 103, 32]

                   number [0]   [1]  [2]    [3]

 

배열 요소에 개수 확인하기

> const number = [273, 52, 103, 32] / number.length = 4

 number[number.length - 1] = 32

                     [4 - 1 ] = [3]

 

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

> const number = [273, 52, 103, 32]

> number.push(12) / 4

> number / [273,  52 , 103 , 32, 12]

 

 

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

> const number = [273, 52, 103, 32]

> number[10] = 4

> number / [273, 52, 103 ,32, empty * 6, 4]

 

> > const number = [273, 52, 103, 32]

> number[number.length] = 4

> number / [273, 52, 103, 32, 4]

 

배열 요소 제거하기

인덱스를 기반으로 제거하기

> const number = [273, 52, 103, 32]

> number.splice(2, 1) / [103]

> number / [273, 52, 32] 

 

값으로 요소 제거하기

> const number = [273, 52, 103, 32]

> const index = number.indexOf(103)

> index / 2

> number.splice[index, 1] / 103

> number / [273, 52, 32]

 

문자열 내부에서 특정 문자열의 위치찾기

> const stringA = '가나다라마바사'

> stringA.indexOf('마') /  4

 

특정 값을 가진 요소 모두 제거하기

> const number = [273, 52, 103, 32, 32]

> number.filter((item) => item !== 32) / [273, 52, 103]

 

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

> const number = [273, 52, 103, 32, 32]

> number.splice(1, 0, 12) / []

> number / [273, 12, 52, 103, 32, 32]

 

자료의 비파괴와 파괴

비파괴적 처리 : 처리 후에 원본 내용이 변경되지 않습니다. ex) const a = 1 const b = 2 const c = a + b c= 3 a= 1 b = 2 

파괴적 처리 : 처리 후에 원본 내용이 변경됩나다. ex) const number = [273, 52]   number.push(12) / 2 number = [273, 52, 12]

 

 

 

---

반복문

 

for in 반복문

배열과 함께 사용할 수 있는 반복문은 for in 반복문이며, for in 반복문은 배열 오소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다.

 

for of 반복문

for in 반복문은 반복 변수에 인덱스가 들어가며, todos[i] 같은 형태로 사용하며, 안정성을 위해 몇가지 코드를 더 추가한다. 그래서 등장한 것이 for of 반복문이며, 요소의 값을 반복할 때 안정적으로 사용가능하다.

 

 

for 반복문

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

 

 

 

1부터 N까지 더하기

 

for 반복문과 함께 배열 사용하기

 

 

 

 

for 반복문으로 배열을 반대로 출력하기

 

 

 

 

 

while 반복문

 

무한반복문

코드를 실행하면 확인버튼을 클릭할 때마다 경고창이 뜬다.

 

 

 

while 반복문 기본

 

확인 누르면 confirm 값이 true기때문에 반복, 취소 누르면 fasle이기 때문에 종료된다.

 

 

 

while 반복문과 함께 배열 사용하기

 

 

 

break 키워드

while반복문은 조건이 항상 참이므로 무한 반복하기에, 무한 루프에 벗어날려면 break 키워드를 사용해야 벗어날 수 있다.

 

취소를 누르면 false가 되므로 !isContinue가 ture가 되므로 break 키워드가 실행된다.

 

 

continue 키워드

continue 키워드는 반복문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행한다.

 

 

continue 키워드 활용

continue에 의해 다음 반복 작업으로 넘어가기에 alert가 실행되지않는 모습이다.

 

 

continue 키워드 활용 2

 

i는 0이고 , 10까지 반복하며, i % 2의 나머지가 1이면 즉, 홀수면 true 짝수면 false이다. 홀수면 continue 키워드때문에 다시 반복하고, false면 output에 i를 더한다. 그러므로 짝수만 더 해지므로 2+4+6+8+10 = 30 이 된댜.

 

 

 

중첩 반복문을 사용하는 피라미드

 

 

 

중첩 반복문을 사용하는 피라미드 (2)

 

외부의 반복문 : 줄생성('\n')  -> i                 내부의 반복문 : 공백 생성 ('  ') -> z                 내부의 두번째 반복문 : 별 생성( * ) 2i -1 = x

 

 

확인문제3

1부터 100까지의 숫자를 곱한 값을 계산하는 프로그램을 만들어보세요.

 

확인문제 4

위에 5줄짜리 삼각형을 먼저 만들고 반대로 역삼각형을 만들면 쉽게 해결할 수 있다.