[JavaScript] 배열(Array)

🤔 배열(Array)

자바스크립트 배열이 다른 언어와 다른 점이 2가지가 있다.
1. 배열 내부의 데이터 타입이 서로 다를 수 있다.
2. 배열의 크기는 동적으로 변경 될 수 있다.

자바스크립트의 배열은 변수 외에도 객체와 함수도 담을 수 있고, 배열이 생성 되면 배열의 크기는 임의로 변경이 가능하며 이미 할당된 값은 사라지지 않는다. 자바스크립트의 배열은 제약사항이 적어서 자유롭게 사용할 수 있지만 사용 시 많은 주의를 기울여야 한다.

자바스크립트 배열 선언 방법

var arrNumber = new Array(); //배열선언
var arrNumber = new Array("a","b","c","d");
var arrNumber = [1,2,3,4]; 

---

자바스크립트 배열에 값 넣는 방법

var arrNumber = new Array(); //배열선언

arrNumber[0] = 1;
arrNumber[1] = 2;
arrNumber[2] = 3;
arrNumber[3] = 4;
arrNumber[4] = 5;	

for(var i=0;i<5;i++){ //배열 초기화
    arrNumber[i]=i;
}

---

자바스크립트 배열 출력 방법

var arrNumber = new Array(); //배열 선언
	
for(var i=0;i<5;i++){ //배열 초기화
    arrNumber[i]=i;
}
	
for(var i=0;i<arrNumber.length;i++){ //배열 출력
    document.write(arrNumber[i]+"<br>");
}
	
/*결과값
0
1
2
3
4*/ 

---

자바스크립트 배열의 함수

push

push는 배열의 끝에 원하는 값을 추가해주는 함수이다.

var example = new Array("a", "b", "c");
example.push("d");

document.write(example);
//결과값 a,b,c,d

pop

pop은 배열의 마지막 주소에 있는 값을 제거해주는 함수이다.

var example = new Array("a", "b", "c");
example.pop();

document.write(example);
//결과값 a,b

shift

shift는 배열의 첫번쨰 주소에 있는 값을 제거하여 반환해주는 함수이다.

var example = new Array("a", "b", "c");
example.shift();

document.write(example);
//결과값 b,c

length

length는 배열의 길이를 반환해주는 함수이다.

var example = new Array("a", "b", "c");

document.write(example.length);
//결과값 3

concat

concat은 두개의 배열을 합쳐주는 기능을 하는 함수이다.

var example = new Array("a", "b", "c");
var example2 = new Array("d","e","f");

example = example.concat(example2);
document.write(example);
//결과값 a,b,c,d,e,f

join

join을 사용하면 배열값 사이에 원하는 문자를 삽입할 수 있다.

var example = new Array("a", "b", "c");
example = example.join("/");

document.write(example);
//결과값 a/b/c

reverse

reverse를 사용하면 배열을 역순으로 재배치 할 수 있다.

var example = new Array("a", "b", "c");
example.reverse();

document.write(example);
//결과값 c,b,a

sort

sort를 사용하면 배열을 정렬할 수 있다.

var example = new Array(1,4,2,3,5);
example.sort();

document.write(example);
//결과값 1,2,3,4,5

slice

slice는 배열값을 추가하거나 제거하여 반환해주는 함수이다.

var example = ["a", "b", "c", "d"];
var example2 = example.splice(1, 2);

document.write(example);
document.write("<br/>");
document.write(example2)

//결과값
//a,d
//b,c