[자바스크립트] 배열 생성 및 값입력 방법에 대하여 알아보자

자바스크립트 배열에 대하여 - 첫시간

자바스크립트 배열에 대하여 알아봅시다.

배열에 대하여 알아 볼 것들은 생각보다 많은 것들이 있습니다.

그래서 모든 기능을 한번에 다루는 것보다 나누어서 포스팅을 하고자 합니다.

포스팅 제목에 첫 시간이란 문구를 적은 것도 그 이유에서 입니다.

그럼 자바스크립트 배열에 대하여 그 첫 시간으로 생성 및 값 입력 방법에 대하여 알아 보도록 하겠습니다.

var arrType1 = [];
var arrType2 = Array();
var arrType3 = new Array();

// 값을 입력 해 보도록 하겠습니다.

// 가장 많이 사용하는 방법 일 것입니다.
arrType1[0] = 'A'; // 0번지에 'A' 값을 저장하게 됩니다.
arrType1[1] = 'B';
arrType1[2] = 'C';

// 맨 뒤에 추가 하게 됩니다.

arrType2.push('1');

arrType2.push('2');
arrType2.push('3');

// 맨 앞에 추가 하게 됩니다.

arrType3.unshift('1');
arrType3.unshift('2');
arrType3.unshift('3');

// for문을 이용하여 화면에 보여주도록 하는 부분입니다.

// length 는 arrType1 배열의 저장된 수를 가져옵니다. 즉 3이 될 것입니다.

// 배열은 0 번지 부터 저장이 됩니다. 따라서 0번지부터 3보다 작은 수 2번지까지 출력이 될 것입니다.

for(var i=0; i<arrType1.length; i++){

document.write(arrType1[i]);
}
document.write('<br/>');

for(var i=0; i<arrType2.length; i++){
document.write(arrType2[i]);
}
document.write('<br/>');

for(var i=0; i<arrType3.length; i++){
document.write(arrType3[i]);
}
document.write('<br/>');

var arrType4 = ["가", "나", "다"];

for(var i=0; i<arrType4.length; i++){
document.write(arrType4[i]);
}
document.write('<br/>');

// for문 외에 배열의 모든 값을 표시 할 수 있는 좋은 방법이 있습니다.

// forEach 문입니다. 번지와 값을 화면에 출력되도록 하였습니다.

arrType4.forEach(function(value, index){
    document.write(index);
    document.write(value);
   });

</script>

결과는 다음과 같습니다.

이런조이