코딩이란 무엇일까

46일차[JavaScript]배열 본문

국비지원수업

46일차[JavaScript]배열

둥구는 지굴다 2022. 12. 28. 16:45

배열이란?

자바스크립트에서 배열은 이름과 인덱슬 참조되는 정렬된 값의 집합을 뜻합니다.

배열을 구성하는 요소는 element와 index가 있는데

element는 배열의 요소를 뜻하며

index는 배열의 위치를 가리키는 숫자를 뜻합니다.

JavaScript에서 배열의 특징

  1. 배열 요소의 타입이 고정되어 있지 않습니다. 문자열, 정수형, boolean형과 같은 서로 다른 타입이 들어올 수 있습니다.
  2. 배열 요소의 인덱스가 연속적이지 않아도 되며 특정 배열요소가 비어있을 수도 있습니다.
  3. 자바스크립트 배열은 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
Comments