본문 바로가기
Javascript/Javascript 기본

Array 객체

by 닉우 2020. 7. 26.
let myArray = new Array();

Array 객체의 인스턴스를 만든다.

 

 

concat() : 두 개의 배열을 연결해서 새로운 배열을 만든다.

 

새로운 배열을 만들어서 기존 배열에는 영향을 안준다.
결과

 

join() : 배열 요소를 연결한다. 구분 구호 지정안하면 쉼표로 구분

 

결과

push() : 배열의 맨 끝에 요소를 추가한다. ( 배열의 맨 앞에 추가하려면 unshift() 함수를 사용)

 

배열 요소의 개수가 반환된다.
갯수가 반환되고 맨 앞에 0이 들어간것을 볼 수있다.

반대로 추출할때는 pop()shift()를 사용하는데,

pop()은 맨 뒤에 있는 요소를 추출하고 shift는 맨 앞에 요소를 추출한다.

 

splice() : 배열의 중간 부분 요소를 추가하거나 삭제할 수 있고,

한꺼번에 2개 이상의 요소를 추가하거나 삭제할 때 사용한다. 

일단 인수가 1개일 경우는 인수가 가리키는 인덱스의 요소부터 배열의 끝 요소까지 삭제한다.

 

num[2]부터 쭈르륵 삭제된다.

인수가 2개일 경우는 num.splice(2, 1)을 실행하면 인덱스 값이 2인요소부터 1개의 요소를 삭제한다.

 

num[2]부터 한개니까 3 이 삭제된다.

 

세 번째 인수부터는 배열에 요소를 추가하는 기능을 가지고 있다.

앞서 삭제한 위치에 새로 추가할 요소를 지정한다.

김밥이 삭제된 자리에 치킨이 들어간다.

 

삭제하지 않고 추가하고 싶다면 두 번째 인수 자리에 0을 입력한다.

배열[1] 자리에 치킨이 들어간다.

 

slice() : 여러 개의 요소를 꺼낼 수가 있다.

배열[2]부터 쭈르륵 추출이 되었다.

slice 함수가 좋은점은 조작이 이루어지지 않는다.

원본 배열인 foodList가 그대로임을 볼 수 있다.
시작 인덱스와 끝 인덱스를 적어준것인데, 끝 인덱스 직전까지 반환된다.

 


 

 

 

 

 

 

※ 본 포스팅은 개인 공부 기록을 목적으로 남긴 글이며 본 사실과 다른 부분이 있다면 과감하게 지적 부탁드립니다.

댓글