1. Array 객체란?
한 자료형인 항목을 하나의 변수에 여러 개 저장할 때 Array 객체를 사용한다.
2. Array 객체로 배열 만드는 법
var myArray = new Array(); //myArray 이름의 Array객체 인스턴스를 생성했다.
var numbers = new Array("one", "two", "three", "four"); //배열 객체를 만들면서 값도 넣어줬다.
3. 배열에서 for문 사용하기
for(var i=0; i < numbers.length; i++) {
console.log(numbers[i]);
}
4. Array 객체의 함수 종류
(1) 둘 이상의 배열을 연결하는 concat() 함수
var nums = ["1", "2", "3"];
var chars = ["a", "b", "c", "d"];
nums.concat(chars); //결과 : "1", "2", "3", "a", "b", "c", "d"
chars.concat(nums); //결과 : "a", "b", "c", "d", "1", "2", "3"
(2) 배열 요소를 연결하는 join()함수
nums.join() //결과(기본 값은 ,) : 1,2,3
nums.join("-") //결과 : 1-2-3
(3) 새로운 요소를 추가하는 push()함수와 unshift()함수
var nums = ["1", "2", "3"];
-기존 배열 맨 끝에 요소 추가: push() 함수
nums.push("4", "5"); //결과 ["1", "2", "3", "4", "5"]
-기존 배열 맨 앞에 요소 추가: unshfit() 함수
nums.unshift("-1", "0"); //결과 ["-1", "0", "1", "2", "3", "4", "5"]
(4) 배열에서 요소 추출하는 pop() 함수, shift() 함수
var nums = ["-1", "0", "1", "2", "3", "4", "5"];
- 기존 배열에서 맨 뒤에 있는 요소 추출할 때
nums.pop(); //결과: 5
- 기존 배열에서 맨 앞에 있는 요소 추출할 때
nums.shift(); //결과: -1
(5) 원하는 위치의 요소를 삭제하거나 추가하는 splice() 함수
-인수가 1개일 경우 : 인수부터 ~ 끝까지 요소 모두 삭제
var nums = ["-1", "0", "1", "2", "3", "4", "5"];
nums.splice(2); //결과 : ["-1", "0"] 만 남음
- 인수가 2개일 경우 : 인덱스 값, 삭제할 갯 수
var nums = ["-1", "0", "1", "2", "3", "4", "5"];
nums.splice(2, 2); //결과 : ["-1", "0", "3", "4", "5"]
- 인수가 3개 이상일 경우 : 인덱스 값, 삭제할 갯 수, 삭제한 위치에 추가할 요소
var nums = ["-1", "0", "1", "2", "3", "4", "5"];
nums.splice(2, 3, "js"); //결과: ["-1", "0", "js", "4", "5"] //인덱스 2부터 3개 요소 지우고 js삽입
- 기존 배열 요소를 삭제하지 않고 새로운 요소를 삽입 하려면 두 번째 인수에 0 입력
nums.splice(2, 0, "js"); //결과 : ["-1", "0", "js", "1", "2", "3", "4", "5"];
(6) 원하는 위치와 요소들을 추출하는 slice() 함수
- 시작 인덱스와 끝 인덱스를 지정해 그 사이의 요소를 추출
var nums = ["-1", "0", "1", "2", "3", "4", "5"];
nums.slice(1,4); //결과 [ "0", "1", "2", "3"] 인덱스 1~4까지 추출
* 주의점 : slice() 함수를 통해 요소를 추출해도 원래 배열은 변경되지 않는다.
