메뉴 건너뛰기

조회 수 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>

 


  1. No Image 27Feb
    by
    2014/02/27 Views 6206 

    iframe 아이프레임 내용 길이에 따라서 높이가 자동으로 조절 되도록

  2. No Image 03Feb
    by
    2015/02/03 Views 6207 

    '문자 ↔ 숫자', 타입을 바꿔보자!

  3. No Image 01Mar
    by
    2014/03/01 Views 6220 

    클릭위치로 레이어 띄우기

  4. No Image 03Feb
    by
    2015/02/03 Views 6223 

    'setInterval', 타이머를 사용하자! ==setTimeout

  5. No Image 01Mar
    by
    2014/03/01 Views 6226 

    마우스대면 글자 없어지는 검색창

  6. No Image 22Dec
    by
    2016/12/22 Views 6241 

    setTimeout 대체 스크립트 함수 (일시멈춤)

  7. No Image 27Feb
    by
    2014/02/27 Views 6259 

    깔끔한 이미지로

  8. No Image 17Mar
    by
    2014/03/17 Views 6270 

    따라다니는 배너

  9. No Image 01Mar
    by
    2014/03/01 Views 6271 

    input 빈칸 체크

  10. No Image 27Feb
    by
    2014/02/27 Views 6285 

    적용이 간편한 [글목록 인쇄] 등 특정 영역 인쇄하기 팁

  11. JSON API - JSON.parse(), JSON.stringify() ( json 형태의 문자열을 JSON객체로 , JSON객체를 문자열로 )

  12. No Image 22Dec
    by
    2016/12/22 Views 6322 

    자바스크립트 및 CSS를 이용한 숫자만 입력받기

  13. No Image 27Feb
    by
    2014/02/27 Views 6329 

    네이버 달력 자바스크립트 소스

  14. No Image 27Feb
    by
    2014/02/27 Views 6336 

    라디오 버튼 value 값 있는지 체크하기

  15. No Image 03Feb
    by
    2015/02/03 Views 6349 

    라디오 바스 체크 유무 확인

  16. No Image 27Feb
    by
    2014/02/27 Views 6366 

    미디어플레이어 화면크기 조절방법

  17. No Image 01Mar
    by
    2014/03/01 Views 6399 

    [jQuery] 탭 메뉴

  18. No Image 03Feb
    by 조쉬
    2015/02/03 Views 6408 

    배열의 리터럴 선언, 또다른 배열 선언 방법!

  19. No Image 01Mar
    by
    2014/03/01 Views 6461 

    제목에 한글 영문 숫자 와 공란만 입력하게 하고 싶습니다.

  20. No Image 01Mar
    by
    2014/03/01 Views 6494 

    check box 선택시 색상 변경

Board Pagination Prev 1 ... 3 4 5 6 7 8 9 10 11 12 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved