반응형
자바스크립트 배열
배열 변수 선언
var aryFood = new Array();
배열 값 부여
aryFood[0] = '김치찌개';
aryFood[1] = '된장찌개';
aryFood[2] = '부대찌개';
※ 변수명[저장위치] = 저장값;
※ 저장위치는 0부터 시작 됩니다.
배열 선언과 동시에 값을 선언
var aryFood = new Array('김치찌개', '된장찌개', '부대찌개');
var aryFood = ['김치찌개', '된장찌개', '부대찌개'];
배열 사용법 예제 코드
<head>
<script>
var aryFood = ['김치찌개', '된장찌개', '부대찌개'];
<script>
var aryFood = ['김치찌개', '된장찌개', '부대찌개'];
function fFood(i){
alert(aryFood[i]);
}
</script>
</head>
<body>
<button onClick="fFood(0);" style="background-color:#FFBB00">0 번째 값</button>
<button onClick="fFood(1);" style="background-color:#00D8FF">1 번째 값</button>
<button onClick="fFood(2);" style="background-color:#FF007F">2 번째 값</button>
</body>
※ aryFood라는 배열(array)을 선언과 함께 값을 선언합니다. 그리고 버튼을 3개를 만들어 클릭 시 각 자리에 저장 된 값을 alert() 함수를 이용하여 표시 해 줍니다.
예제실습
※ 각 버튼을 클릭 해 보세요.
배열이란
다음 포스팅에서는 배열의 활용(응용) 법에 대하여 알아보도록 하겠습니다.
반응형
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
| CSS를 이용한 문자열(제목) 자르기 / white-space, text-overflow (1) | 2018.05.27 |
|---|---|
| DIV 배경이미지 변경하기 / CSS 배경설정 자바스크립트로 제어하기 (9) | 2018.05.26 |
| 자바스크립트 배열(array)이란 무엇인가? (0) | 2018.04.23 |
| Margin, Padding 태그를 통한 DIv 여백 설정 알아보기 (4) | 2018.04.14 |
| CSS hover 효과를 이용한 심플 가로 메뉴 만들기 (12) | 2018.04.06 |
