[JS]2. 배열

JS_02_배열

 

1. 배열: 여러 개의 데이터를 하나의 묶음으로 관리하는 자료구조

• 인덱스와 인덱스에 대응하는 데이터로 이루어진 구조(인덱스 0부터 시작)
• 배열의 크기를 지정하더라도 값을 추가하면 자동으로 공간 할당
• 배열에 서로 다른 타입의 데이터를 저장할 수 있음

2. 배열의 선언 및 생성

1)배열의 선언방식

• 변수 키워드 배열명=[]
• 변수 키워드 배열명=new Array();

2)배열의 생성방식

• 배열명=[값1, 값2, 값3…]
• 배열명=new Array(값1, 값2, 값3…)

 

3. 배열의 크기 확인: 배열명.length

4. 배열의 반복문

1)for문: for(시작값, 끝값, 증가값){실행문}

 

2)for of문: for(변수명 of 배열명){실행문}

 

3)forEach문: 배열명.forEach((매개변수)=>{실행문})

 

 

[실습1]짝수의 값과 짝수의 개수 출력하기

 

 

5. 배열 메소드

• push(): 배열의 마지막 요소에 데이터 추가  예)push(5)
• pop(): 배열의 마지막 요소의 데이터 삭제 예)pop()
• unshift(): 배열의 첫 번째 요소에 데이터 추가  예)unshift(0)
• shift(): 배열의 첫 번째 요소의 데이터 삭제 예)shift()

요소 추가/삭제하기

 

console창 출력결과

 

• reverse(): 배열의 요소의 순서를 반대로 정렬

    -사용방법: 배열.reverse(); 예)arr.reverse();

 

• concat(): 배열의 요소들을 합쳐서 하나의 문자열로 생성 

     -사용방법: 배열1.concat(배열2)

     예) arr1.concat(arr2)

• join(): 배열의 요소들을 구분자로 이어서 String 형태로 리턴

    -사용방법: 배열명.join(‘구분자’)

      예)arr3.join(‘/’)

 

※데이터 타입 확인: typeof  데이터 예) typeof arr3

• slice(): 범위에 해당하는 요소들을 잘라내기

      -사용방법: slice(시작 인덱스, 끝 인덱스(끝 인덱스 포함x))

            예)arr3.slice(0,3)

      -잘라낸 데이터를 배열 형태로 반환

 

• splice(): 원하는 개수만큼 요소를 삭제하고 새로운 값을 추가

      -splice((시작인덱스, 삭제할 개수, 추가할 값[선택])

          예)arr3.splice(3,3)

       -삭제할 값 반환

• includes(): 배열에 원하는 요소가 있는지 확인

         -includes(확인할 데이터) 예)arr3.includes(10)

        -boolean 형태로 반환(true/false)

• indexOf(): 배열에서 원하는 요소의 위치 확인

       -indexOf(확인할 데이터) 예)arr3.indexOf(7)

       -해당 값이 인덱스번호 반환, 해당 값이 없을 경우 -1로 반환

 

console창 출력결과

 

[실습]