반응형
[javascript] 다중배열 값 꺼내기
간략하게 코드만 정리합니다.
노트패드에 해당 코드를 적고, 실행을 시킵니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>[javascript] 다중배열 값 꺼내기</title>
<script type="text/javascript">
var calValue =""; //1.변수선언
window.onload = function() {
//2. 값 설정('key':'value')
calValue = [ {"value01":"a-1","value02":"a-2","value03":"a-3"},
{"value01":"b-1","value02":"b-2","value03":"b-3"},
{"value01":"c-1","value02":"c-2","value03":"c-3"}];
//3. 다중배열 값 꺼내기
for(var i=0;i<calValue.length;i++){
//console.log() => java의 system.log.println()과 같은 기능
console.log(calValue[i].value01);
console.log(calValue[i].value02);
console.log(calValue[i].value03);
console.log("------------------");
}
}
</script>
</head>
<body>
</body>
</html>전 크롬 브라우저로 실행을 했습니다.
'F12 클릭 > Console 클릭 ' 하면 해당 값들이 잘 출력된 것을 확인할 수 있습니다.
반응형
'개발공부 > 프론트엔드' 카테고리의 다른 글
| [fullpage.js] fullpage.js 사용으로 인해, 모바일에서 메뉴 스크롤 안될 때 (0) | 2020.06.01 |
|---|---|
| [JAVASCRIPT] 자바스크립트 타이머 만들기 (6) | 2020.01.29 |
| [CSS] opacity 배경만 투명하게/ 배경만 opacity 적용 (0) | 2019.11.25 |
| [javascript] 일정 시간 간격으로 이미지 변화 : setInterval() (0) | 2019.11.03 |
| notepad++로 간단한 개발하기 (0) | 2019.10.07 |