[JavaScript] Array 객체

💍 Array 객체

• 변수 하나에 여러 개의 값을 넣을 수 있음
• 한꺼번에 자료를 모아서 처리할 수 있다는 장점 때문에 자바스크립트에서는 배열을 사용한 프로그래밍이 많음
• 배열에 활용하는 많은 속성과 함수가 미리 정의되어 있는 객체  

💍 Array 객체로 배열 만들기

• 초깃값이 없을 때

var myArray = new Array();

• 초깃값이 있을 때 

var numbers = ["one","two","three","four"]; // 리터럴을 사용한 배열
var numbers = new Array("one", "two", "three", "four"); // Array 객체를 사용한 배열

💍 배열을 만들어보고 배열을 사용하여 메서드 적용 방법 살펴보기

• concat은 2개 이상의 배열을 연결해서 새로운 배열을 만듬
• 새로운 배열은 별도의 배열이라 기존의 배열 값들을 변경하지 않음
• 기존 배열에 영향을 주지 않고 새로운 배열을 만들어내는 메서드

💍 기존 배열에 새로운 값을 추가하는 방법

• 배열에서 가장 간단한 것은 맨 끝에 추가하는 것이 가장 간단 => 기존의 인덱스를 그대로 유지하면서 기법은 유지
• push를 실행하면 그 값이 추가된 후에 요소의 개수가 몇 개가 되었는 지 보여줌
• push 함수를 사용하면 원래 배열이 새로운 배열로 변경
• 원래 배열에 영향을 미치게 됨
• push는 기존 배열에 변경을 주면서 새로운 값을 추가하는 함
• unshift는 값을 맨 앞에 추가하는 함수 

💍배열에서 특정한 값을 추출해내는 방법

• pop 또는 shift 함수 사용
• 맨 끝에 있는 것을 추출하려면 pop 함수 사용
• pop 함수를 실행하면 맨 끝에 있는 요소를 추출
• 앞에 있는 것을 추출하려면 shift 함수 사용
• shift 메서드를 실행하면 남아 있는 값 중에서 앞에 있는 값이 추출됨
• 추출된 값을 보여주고 반환

• 배열의 중간이나 특정한 위치에서 추출울 해야하는 경우에는 slice, splice 사용 가능
• 기존 배열을 변경하는지 안하는지 차이가 있음
• slice는 기존 배열에서 특정 값만 호출하여 새로운 배열을 만들고 싶을 때 사용하면 됨
• splice는 추출한 개수를 지정
• 가장 큰 차이점은 추출을 하고 나면 원래의 배열이 변경
• splice는 배열 언에서 특정 요소로 삭제하는 용도로 사용할 수 있음
• splice는 안에 들어가는 매개변수를 3개까지 작성할 수 있음