반응형
## 배열 (Array)
- 연관된 여러개의 데이터를 하나처럼 관리하고 싶을 때 사용
- 복수의 데이터를 제어할 수 있는 다양한 함수(method)를 제공
- 배열의 함수를 이용해서 데이터를 편리하게 조작할 수 있음
var
arr1 =
new
Array(arrayLength);
var
arr2 =
new
Array(element0, element1, element2, ..., elementN);
// Array literals 위의 내용과 같음
var
lit = [element0, element1, element2, ..., elementN];
인자명 | 데이터형 | 필수/옵션 | 설명 |
---|---|---|---|
arrayLength | number | 옵션 | 배열의 원소수(length)를 지정한다. 생략하면 배열의 원소수는 1이 된다. |
elementN | mixed | 옵션 | 배열에 포함될 원소의 값 |
<
script
type
=
"text/javascript"
>
// firstArray라는 변수에 apple, orange, mango 값이 들어있는 배열을 생성해서 담는다.
var firstArray = new Array('apple', 'orange', 'mango');
// 배열의 데이터에 엑세스 할 때는 '[인덱스]'를 사용함, 인덱스(index)는 0부터 순차적으로 올라감
alert('첫번째 값은'+firstArray[0]);
// 배열에 저장된 데이터의 수는 배열.length; 를 통해서 알 수 있음.
alert('저장된 배열의 수는 '+firstArray.length);
// 배열에 값을 추가할 때는 배열.push('새로운 값')을 통해서 할 수 있음.
firstArray.push('tangerine');
alert(firstArray);
// 배열에서 값을 삭제할 때는 배열.shift('첫번째 원소 제거')을 통해서 할 수 있음.
var removed = firstArray.shift(); // 첫번째 원소를 제거한 후에 이를 리턴
alert(removed);
alert(firstArray);
// 배열과 반복문,조건문을 조합해서 사용하는 예
// 조건물을 이용해서 마지막 항목에는 ','를 찍지 않는다.
for(var i = 0 ; i <
firstArray.length
; i++){
document.write(firstArray[i]);
if(i < firstArray.length-1)
document.write(',');
}
// 배열을 이용하면 한줄에! 배열.join('')로 배열을 ','으로 묶음.
document.write('<br />');
document.write(firstArray.join(','));
</
script
>
<
script
type
=
"text/javascript"
>
// 배열과 반복문,조건문을 조합해서 사용하는 예
function getWeek(){
var week = ['월', '화', '수', '목', '금', '토', '일'];
return week;
}
var week = getWeek();
for(var i = 0 ; i <
week.length
; i++){
document.write(week[i]+'<br />');
}
</
script
>
반응형
'# Work > Javascript' 카테고리의 다른 글
자바스크립트 기초-7 object,DOM (0) | 2012.01.02 |
---|---|
자바스크립트 기초-6 이벤트 (0) | 2011.12.30 |
자바스크립트 기초4 - 함수 (0) | 2011.12.29 |
자바스크립트 기초3 - 반복문 (0) | 2011.12.29 |
자바스크립트 기초2 (조건문 if문,switch문) (0) | 2011.12.29 |