[javascript] - 내장객체(배열)

배열객체

여러개의 데이터를 하나의 저장소에 저장하기 위한 배열 객체입니다.

 

//기본형

var 배열객체=new Array();
배열객체[0]= 값1; 배열객체[1]=값2; 배열객체[2]=값3;...

var 배열객체=new array(값1, 값2, 값3....)

var 배열객체[값1, 값2, 값3...];


방식1
var onSunday=new Array();
onSunday[0]="carina";
onSunday[1]=16;
onSunday[2]="tistory";

방식2
var onSunday=new Array("carina",16,"tistory");

방식3
var onSunday=["carina",16,"tistory"];

 

 

배열 객체에 저장된 데이터 불러오는 방법.

var onSunday=["carina",16,"tistory"];

document.write("<h2>배열 값가져오기_1</h2>");
document.write(onSunday[0],"<br>");
document.write(onSunday[1],"<br>");
document.write(onSunday[2],"<br>");

document.write("<h2>배열값 가져오기_2</h2>");
for(var i=0; i<onSunday.length;i++) {
	document.write(onSunday[i],"<br>");
}

document.write("<h2>배열값 가져오기_3</h2>");
for(i in onSunday){
	document.write(onSunday[i],"<br>");
}

 

결과 값은 아래 이미지처럼 출력됩니다.

 

배열 객체 - 메서드 및 속성

종류	설명
join(연결문자)	배열 객체의 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환합니다.
reverse()	배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환합니다.
sort()	배열 객체의 데이터 오름차순으로 정렬합니다.
slice(index1,index2)	배열 객체의 데이터 중 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져옵니다.
splice()	배열 객체의 지정 데이터를 작세하고 그 구간에 새 데이터를 삽입할 수 있습니다.
concat()	2개의 배열 객체를 하나로 결합합니다.
pop()	배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제합니다.
push(new data)	배열 객체의 마지막인덱스에 새 데이터를 삽입합니다.
shift()	배열 객체에 저장된 데이터 중 첫 번쨰 인덱스에 저장된 데이터를 삭제합니다.
unshift(new data)	배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입합니다.
length()	배열에 저장된 총 데이터의 개수를 반환합니다.

 

var arr_1=["사과","딸기","바나나","포도"]
var arr_2=["빵","과자","면"]

var result=arr_1.join("-");
console.log(result);	//문자로 연결하여 하나의 문자열을 반환

var result=arr_1.concat(arr_2);
console.log(result);	//2개 배열을 하나의 배열로 만들어 반환

result=arr_1.slice(1,3);
console.log(result);	//배열의 1번 이전 요소를 자른후 나머지 반환

arr_1.sort();
console.log(arr_1);	//배열값을 오름차순으로 정렬

arr_2.reverse();
console.log(arr_2);	//배열 순서를 거꾸로 출력

 

결과값은 f12검사-콘솔에서 확인할 수 있습니다. 아래와 같이 출력됩니다.

 

 

var na=["서울","인천","경기"];
var ra=["강원","전라","충청"];

na.splice(2,1,"경상","제주");	//2번 인덱스부터 1개의 데이터를 삭제한후 "서초","역삼"을 삽입합니다.
console.log(na);

var data1=ra.pop();		//변수 ra의 마지막 인덱스의 데이터를 data1에 저장합니다.
var data2=ra.shift();	//변수 ra의 첫번째 인덱스의 데이터를 data2에 저장합니다.

ra.push(data2);	//data2에 저장된 데이터를 변수ra의 마지막 인덱스에 저장합니다.
console.log(ra);

ra.unshift(data1);	//data1에 저장된 데이터를 변수ra의 가장 앞 인덱스에 저장합니다.
console.log(ra);