[자바스크립트] 06. 배열

배열 생성

 

var 변수명 = new Array( );

var myArray = new Array();

 

 

리터럴 표기법과 객체의 생정자로도 만들 수 있다.

> var numbers = ["one", "two", "three", "four"];  // 리터럴 표기법
> var numbers = new Array("one", "two", "three", "four"]  // Array객체를 이용해서 생성

 

배열 관련 메서드

 

객체의 길이

배열.length 를 해주면 배열의 원소 개수가 나온다.

> var month = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']
> month.length
< 12

 

두 배열 합치기

배열1.concat(배열2)

다만 반환값이 주어지기에 합쳐진 배열을 사용하고 싶다면 새로운 변수에 저장해주어야 한다.

> var nums1 = ['1', '2', '3', '4']
> var nums2 = ['5', '6', '7', '8']

> nums1.concat(nums2)
< ['1,', '2', '3', '4', '5', '6', '7', '8']

 

배열 연결하기

배열.join(), 배열.join("연결자")

연결자 사용은 "연결자" 형태로 넣어야하며, 아무것도 넣지않은 배열.join() 을 사용하면 ","가 기본연결자로 넣어진다.

> var nums1 = ['1', '2', '3', '4']
> nums1.join()
< "1,2,3,4"
> nums1.join("-")
< "1-2-3-4"

 

새로운 원소를 추가하는 push( )와 unshift() 함수

push( ): 배열의 맨 끝에 원소를 삽입, 배열의 원소 개수 반환.unshift( ): 배열의 맨 앞에 원소를 삽입, 배열의 원소 개수 반환.

> var nums1 = ['1', '2', '3', '4']

> nums1.push('5')
< 5
> nums1
< ['1', '2', '3', '4', '5']

> nums2.unshift('0')
< 6
> nums1
< ['0', '1', '2', '3', '4', '5']

 

요소를 삭제하는 함수

pop( ): 배열의 맨 뒤에 원소를 삭제하는 함수, 삭제한 원소를 반환.

shift( ): 배열의 맨 앞에 원소를 삭제하는 함수, 삭제한 원소를 반환.

> var nums1 = ['1', '2', '3', '4']

> nums.pop()
< "4"
> nums
< ['1', '2', '3']

> nums.shift()
< "1"
> nums
< ['2', '3']

 

원소를 추가하거나 삭제하는 함수

splice( )의 모든 값은 삭제한 원소들 반환해준다.

splice(인덱스 시작): 배열의 인덱스시작값 이후에 원소를 모두 삭제한다. 

splice(인덱스 시작, 삭제할 개수): 배열의 인덱스 시작값 이후로 삭제할 개수만큼 삭제한다. 

splice(인덱스 시작, 삭제할 개수,  추가할 원소): 배열의 인덱스 시작값 이후로 삭제할 개수만큼 삭제한 후 원소를 추가해준다.

splice(인덱스 시작, 0,  추가할 원소): 삭제할 개수가 0개 이기에 삭제하지않고 인덱스 시작값 자리에 원소를 추가해준다.

> var nums1 = [1, 2, 3, 4]

> nums1.splice(2)
< [3, 4]
> nums1
< [1, 2]

 

원하는 위치의 원소를 뽑는 함수

slice( ): 파이썬의 슬라이싱과 방법이 같다. 뽑은 값을 반환해준다.

배열.slice(시작 인덱스, 끝인덱스) 형태로 쓰인다. 끝인덱스는 포함하지않고 그 이전의 인덱스값까지만 뽑는다.

> var nums1 = [1, 2, 3, 4]

< var nums2 = nums1.slice(0, 2)
> nums2
< [1, 2]