코맛

자바스크립트의 배열 특징

• 자바스크립트의 배열은 객체로 취급된다.
• 배열의 길에 제한이 없다.
• 배열에 저장할 수 있는 데이터의 타입이 제한되지 않는다.

Push

배열에 새로운 데이터를 추가하는 메소드.

배열의 뒤부터 하나씩 추가된다.

push (값1,2..N) ;

pop

배열의 마지막요소를 제거한다.

slice

배열로부터 지정한 start와 end 요소를 리턴한다.

slice(start, end)

splice

배열에 값을 저장하거나 삭제하는 메소드이다. 지정한 index위치에 값을 저장한다.

delCount는 삭제할 개수다.

splice (index, delCount, value)

위 그림을 해석해보자면

index 1번위치에 있는 "A"를  100으로 치환한다.

그리고 데이터값이 바뀐 1번 위치 뒤 첫번째 데이터값을 제거한다.

제거하는 순서는 데이터를 바꾼 위치 다음부터 시작한다는걸 주의해야한다.

sort

배열에 저장된 알파벳 또는 숫자를 정렬한다.

sort(function (a,b) {

return a-b;})

return a-b 는 오름차순 정렬

return b-a 는 내림차순 정렬

어떤 언어를 배우든 가장 중요한 부분이라고 할 수 있는 데이터 타입에 대해 알아보자.

자바스크립트 데이터 타입의 종류는 다음과 같다.

• String(문자데이터)
• Number(숫자데이터)
• Boolean(불린데이터)
• Undefined
• Null
• Object
• Array

String(문자데이터)

다음과 같이 따옴표를 사용해서 작성한다.

Number(숫자데이터)

정수 및 부동소수점숫자를 나타낸다.

Boolean

true, false 두 가지 값을 가진 논리 데이터이다.

Undefined

JS만이 가진 특징 하나이며 값이 할당되지 않은 상태를 나타낸다.

Null

어떤 값이 의도적으로 비어있음을 의미한다.

Object(객체데이터)

여러 데이터를 key : value 형태로 저장한다.

표기방식은 { } 을 사용하며 다음과 사진을 참고하여 사용예시를 살펴보자.

Array(배열 데이터)

여러 데이터를 순차적으로 저장한다.

Arrays.copyOf

해당 매소드는 내가 원하는 배열의 데이터를 원하는 만큼 가져올 수 있다.

예를 들어

xxx2 배열에  num2이 가지고 있는 배열데이터를 넣고 싶고, 그 중 1번째부터 3번째까지의 데이터만을 골라서 가져오고 싶을 때 아래와 같이 입력한다.

배열

같은 타입의 데이터가 여러 개 또는 무수히 많이 존재할 때 그에 맞게 여러 개의 변수가 필요하다.

데이터가 1~5개만 있으면 비교적 관리가 쉬울 것이다. 하지만 1~10000개가 존재한다면?

이러한 경우에 우리는 배열을 이용해서 효율적으로 데이터를 관리할 수 있다.

특징

- 같은 데이터형만 저장이 가능하다. int와 String을 혼합하여 저장할 수 없다.

- 기본 데이터형 및 참조 데이터 형 모두 배열로 관리 가능하다.

- 배열은 참조 데이터 형이기 때문에 반드시 new로 생성한다.

- 생성된 배열 요소는 배열명[index]로 접근해서 사용한다. index는 0부터 시작한다.

- 한번 생성된 배열의 크기는 변경이 불가능하다.

- 배열도 참조형 데이터이기 떄문에 배열 요소값이 자동으로 null 값으로 초기화된다. 

사용방법

다음 그림은 배열선언, 생성, 배열 데이터 사용관련 예시이다.

배열데이터를 위처럼 명시해서 num[0]=10; , num[1]=20;, num[2]=30; 이런식으로 넣을 수 있다.

또 다른 방법으로는 다음과 같은 방법이 있다.  

위 그림처럼 int [] num2 = {10,20,30}; 리터럴를 이용해서 한꺼번에 넣을 수 있다.

filter

특정 조건을 만족하는 원소들을 찾아 그 원소들을 이용하여 새로운 배열을 만드는 함수.

여기서 다음과 같이 입력하면 필터를 걸어 새로운 배열을 만들 수 있다.