<Javascript>배열(Array) 선언및 사용방법

 

 

 

1. 자바스크립트 에서의 배열선언 및 개념

자바스크립트(Javascrip)에서 배열을 선언하는 방법입니다.

자바스크립트에서의 배열에는 모든 타입의 데이터가 들어갈 수 있습니다.

함수나 오브젝트, 심지어 배열안에 또다른 배열도 들어가집니다.

 

var test = [];

var test = [1, "hi", null, ture, []];

 

 

 

2. 배열에서 사용할 수 있는 유용한 함수(메소드)

 

var test = [1, 2, 3, 4];


      
// 배열의 원소에 특정 값이 들어 있는지 확인
// 4가 text[3]에 있음으로 3을 반환한다
// 없으면 -1 반환
alert(test.indexOf(4));

// 배열을 문자열로 합칠 수 있다.
// "1,2,3,4" 반환
alert(test.join());

// 배열을 합친다
// [1,2,3,4,9,9]
// 합친 후에 새로운 변수에 저장해야 한다. 원본에는 반영 안됨
alert(test.concat(9, 9));

// 배열의 마지막에 값을 추가한다
// [1,2,3,4,8]
test.push(8);
alert(test);

 

 

 

3. 배열의 탐색

 

forEach문(for문에 비해서 약간 느리지만 가독성이 좋다)

 

var test = [1, 2, 3, 4];

// forEach문 for문처럼 순서대로 한개씩 순서대로 반환한다
test.forEach(function(value) {
	alert(value);
});

 

map메서드, 특이하게도 map은 함수를 인자로 받아서 사용합니다.

또한 반환값이 있어서 반환되는 정보로 새로운 배열을 만들어서 반환하며 원본의 배열에는 영향을 주지 않습니다.

아래처럼 배열을 한바퀴 돌면서 value와 index값을 가져옵니다.

 

var newArr = ["seoul", "busan"].map(function(value, index) {
		return index + " 번째 도시는 " + value;
	});

alert(newArr); // 0번째 도시는 seoul, 1번째 도시는 busan

 

var test = [1, 2, 3, 4];

var test2 = test.map(function(value) {
		return value * 2;
	});

alert(test2); // [2,4,6,8] 반환
alert(test); // 원본 배열은 그대로 유지