자바스크립트 배열

배열 값 접근

var arr = ['a','b','c','d'];
console.log(arr[1]); 	// 'b'

var emptyArr = [];
emptyArr[1] = 0;

console.log(emptyArr); 	// [undefined, 0]
console.log(emptyArr.length); 	// 2

var arr2 = ['zero'];
arr2.push('one');
console.log(arr2); 	// ['zero', 'one']

emptyArr.length = 5;
arr2.push('two');
console.log(arr2); 	// ['zero', 'one', undefined, undefined, undefined, 'two'];

 

var obj = {
	'0': 'zero';
    '1': 'one';
};

var arr = ['zero', 'one'];

console.log(obj[0]);	// zero
console.log(arr[0]);	// zero

객체에서 속성명이 숫자일 때 알아서 문자열로 바꾼다.

 

배열의 prototype은 Array.prototype 이다.

---

요소 및 속성 추가

var arr = ['a','b','c','d'];
console.log(arr.length); 	// 4

arr.color = 'blue';
arr.name = 'numArr';
console.log(arr.length); 	// 4

arr[4] = 'f';
console.log(arr.length); 	// 5

console.dir(arr); 	

dir로 출력하면

1: "a"

2: "b"

3: "c"

4: "d"

color: "blue"

name: "numArr"

으로 출력된다.

---

요소 삭제

var arr = ['a','b','c','d'];
delete arr[2];
console.log(arr.length); 	// 4
console.log(arr); 	// ['a', 'b', undefined, 'd'];

배열도 요소를 삭제할 수 있지만, 값만 삭제되고 공간 자체를 삭제하는 것은 아니다.

 

완전히 요소를 삭제하려면 splice(start, deleteCount, item) 를 사용하면 된다.

var arr = ['a','b','c','d'];
arr.splice(2, 1);
console.log(arr.length); 	// 3
console.log(arr); 	// ['a', 'b', 'd'];

---

Array()로 배열 생성

var arr = new Array(3);
console.log(arr); 	// [undefined, undefined, undefined];
console.log(arr.length); 	// 3

var arr = new Array(1,2,3);
console.log(arr); 	// [1, 2, 3];
console.log(arr.length); 	// 3

괄호 내 파라미터가 1개이고 숫자면 숫자만큼 빈 배열크기가 결정되고

그 외는 파라미터 내의 값들이 배열 요소로 들어간다.

---