메뉴 건너뛰기

조회 수 6408 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

▶▷ 알아두면 좋은 것들

document.write(), 배열의 기본 선언 방법

관련글

1. [자바스크립트] 'Array', 배열 및 다차원 배열 선언에 대해 알아보자! 

 

 다들 배열 선언 방법에 대해서 알고 계신가요~?

 그렇지 않다면, 관련글 1번을 참고하시고 오시면 좋을 것 같습니다.

 

 이번글에서는 배열의 또다른 선언 방법리터럴 선언 방법을 알려드릴까해요~

우선 선언 방법을 보실까요?

var 변수명 = [요소1, 요소2, ... , 마지막 요소];

 

 자, 눈치 채셨는지도 모르지만, 이 방법은 배열을 생성하고, 초기화까지 동시에 이루어지는 방법입니다.

기본적으로 배열을 생성한다는건 new Array()를 써서 배열을 선언하는 방법을 일컫는데요,

 위와 같이 함으로써, 1차배열을 선언할 수 있고, 일반 배열과 똑같은 방법으로 배열의 요소에 접근 가능합니다.

 

 그렇다면 다차원 배열에 대해서는 어떻게 만들 수 있을까요?

맞습니다. 역시나, 똑같은 방법으로 리터럴 선언 방법을 중첩을 하는 겁니다. 다음과 같습니다.

var 변수명 = [[요소1-1,요소1-2, 요소1-3], [요소2-1, 요소2-2, 요소2-3];

 

  예제를 보시면서 확인해보도록 합시다.


소스(Source)

 

<HTML>
<HEAD>
<TITLE>자바스크립트를 활용한 배열의 리터럴 선언</TITLE>
</HEAD>
<SCRIPT language="javaScript">
 
 var arrTest1 = [2,3,4,5,6,"고구마"];
 document.write("배열의 리터럴 선언 값 확인(1차원 배열) : " + arrTest1[5]+"<br>");
 
 var arrTest2 = [[2,4,5], ["감자", "고구마"]];
 document.write("배열의 리터럴 선언 값 확인(2차원 배열) : " + arrTest2[1][0]+"<br>");
 
 arrTest1[6] = "포도";
 document.write("배열의 리터럴 선언 값 확인(1차원 배열의 요소 추가) : " + arrTest1[6]+"<br>");
 
</SCRIPT>

<BODY>


</BODY>

</HTML>

 


List of Articles
번호 제목 날짜 조회 수
187 jquery offset()을 이용한 부드러운 스크롤 이동 2016.09.01 7277
186 지금 보고 있는 웹페이지 창을 닫으려고 합니다." 안나타나게 하기 2014.02.27 7183
185 이동 가능한 레이어팝업 소스 2016.09.01 7166
184 연관배열 사용하기 2016.09.21 7134
183 접근성 윈도우 팝업 띄우기 2016.12.22 7114
182 특정 HTML DOM 엘레멘트로 스크롤 이동하기 2016.09.09 7075
181 'setTimeout', 타이머를 사용하자! file 2015.02.03 7033
180 활용예제 : 체크박스 전체선택 전체해제 /라디오버튼 2014.03.01 7020
179 onkeypress 키보드 이벤트 처리하는 법 – text, textarea 2016.09.21 7001
178 마우스를 오버해서 이미지를 확대해서 보기 2014.02.27 7001
177 jQuery 이미지 슬라이드 오버시 큰이미지 보여주기 소스 file 2014.03.01 6975
176 iframe사용시 높이 자동 조절 2015.06.19 6958
175 쿠키(Cookie)에 값 저장하기 2016.09.21 6952
174 이미지에 마우스 올렸을때 확대 이미지 나오게 하기 (onmouseover 2014.03.01 6923
173 자바스크립트 소수점 자리수 계산 2014.03.01 6897
172 입력된 폼의 내용 똑같이 복사 file 2014.03.01 6892
171 form 값 iframe 으로 넘기기 2014.03.01 6872
170 정규식을 이용한 콤마(comma) 제거하기 2015.06.19 6804
169 예제 - 이미지를 원본 크기로 볼 수 있도록 새창으로 열기 확장 (리사이징 및 이미지 드래그) file 2015.06.19 6798
168 차단된 팝업창을 허용하라는 스크립트 2014.02.27 6751
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved