국비지원수업
46일차[JavaScript]배열
둥구는 지굴다
2022. 12. 28. 16:45
배열이란?
자바스크립트에서 배열은 이름과 인덱슬 참조되는 정렬된 값의 집합을 뜻합니다.
배열을 구성하는 요소는 element와 index가 있는데
element는 배열의 요소를 뜻하며
index는 배열의 위치를 가리키는 숫자를 뜻합니다.
JavaScript에서 배열의 특징
- 배열 요소의 타입이 고정되어 있지 않습니다. 문자열, 정수형, boolean형과 같은 서로 다른 타입이 들어올 수 있습니다.
- 배열 요소의 인덱스가 연속적이지 않아도 되며 특정 배열요소가 비어있을 수도 있습니다.
- 자바스크립트 배열은 Array객체로 다루어집니다.
JavaScript에서 배열을 만드는 2가지 방법
- 배열 리터럴 대괄호[ ]를 사용하여 만드는 방법
- Array( ) 생성자 함수로 배열을 생성하는 방법
[배열 리터럴 대괄호[]를 사용하여 만드는 방법
- 배열 생성
let arr= [ ];
arr[0]=11;
arr[1]=22;
arr[2]=33;
- 배열 생성과 동시에 값 초기화
let arr1 = [11,22,44,99,55,66];
[Array( ) 생성자 함수로 배열을 생성하는 방법]
- 배열 생성 후 값 할당
let arr = new Array( );
arr[0]=11;
arr[1]=22;
arr[2]=33;
- 배열 생성과 동시에 값 할당
let arr = new Array(11,22,33);
- 배열 생성및 크기지정
let arr= new Array(3); //배열의 크기를 3만큼 지정
- 배열의 값에 서로 다른 타입을 넣어보기
- 위에서 배열의 특징 중 하나인 JavaScript배열은 배열에 들어가는 값의 타입이 달라도 들어갑니다.
- 아래와 같이 정수, 문자, boolean형 타입이 같은 배열에 들어갈 수 있습니다.
let arr=[123,'hello',false]
배열에 요소 추가
배열에 요소를 추가하는 연산은 push, pop, shift, unshift가 있습니다.
pop
배열 끝 요소를 제거하고,제거한 요소를 반환합니다.
let arr=[11,22,33];
alert(arr.pop()); //배열에서 33을 제거하고 제거된 요소를 alert창에 띄웁니다.
alert(arr); //11,22
push
배열 끝에 요소를 추가합니다.
let arr=[11,22,33];
arr.push(44);
alert(arr); //11,22,33,44
shift
배열 앞 요소를 제거하고, 제거한 요소를 반환합니다.
let arr=[11,22,33];
alert(arr.shift()); //배열에서 33을 제거하고 제거된 요소를 alert창에 띄웁니다.
alert(arr); //11,22
unshift
배열 앞에 요소를 추가합니다.
let arr=[11,22,33];
arr.unshift(44);
alert(arr); //11,22,33,44
sort( )
sort( )메소드는 배열의 값을 오름차순으로 정렬할 수 있습니다.
let arr=[3,5,2,1,6,7]
console.log(arr.sort()); //[1,2,3,5,6,7]
reserve( )
reserve는 배열의 순서를 역으로 뒤집습니다.
let arr=[3,5,2,1,6,7]
console.log(arr.reserve());//[7,6,1,2,5,3]
typeof
typeof는 피연산자의 자료형을 나타내는 문자열을 반환합니다.
let arr=[1,2,3,4,5]
console.log(typeof arr);//object