자바스크립트 세번째 - 배열 (2차원배열), for/in 문

 

앞에서 배운 1차원 배열에 이어서 2차원배열, for/in문에 대하여 공부하겠습니다.

 

。2차원 배열?

   - 배열은 1차원 배열과 2차원 배열, 3차원 배열..., n차원 배열이 있을 수 있습니다. 3차원 배열부터는 너무 복잡해서 잘

     사용하지 않습니다. 프로그램을 복잡하게 작성하는 것은 좋은 방법이 아닙니다. 쉬운 방법으로 프로그래밍을 코딩하여

     프로그램 가독성을 높여야 합니다.

 

프로그램 가독성

프로그램을 이해하기 쉬운것을 말하고, 이해하기 쉬운 프로그램은 수정하거나, 기능을 추가하는 유지보수가 쉬워지고 생산성이 높아진다.

      2차원 배열은 열과 행이 있는 공간에 데이터를 저장합니다.

      2행 3열의 2차원 배열을 만드는 코드를 알아 보겠습니다. 먼저, 2행을 저장할 myArray 1차원 배열을 아래와 같이 작성합니다.

      var myArray = new Array(2);     그 다음에는 첫 번째 행에 3개의 열을 저장하는 1차원 배열을 아래와 같이 작성합니다.

      myArray[0] = new Array(3);      마지막으로 두 번째 행에 3개의 열을 저장하는 1차원 배열을 아래와 같이 작성합니다.

      myArray[1] = new Array(3);

      위의 코드는 복잡합니다. 좀 더 간단하게 작성하는 방법이 있습니다. 아래와 같이 작성합니다.

      var myArray = new Array( new Array(3), new Array(3) );

 

앞의 2행 3열 2차원 배열 myArray의 각요소에 데이터를 넣어보겠습니다.

myArray[0][0] = 1;

myArray[0][1] = 2;

myArray[0][2] = 3;

myArray[1][0] = 4;

myArray[1][1] = 5;

myArray[1][2] = 6;

      2차원 배열도 1차원배열과 마찬가지로 배열의 선언과 함꼐 초기화 할 수 있습니다. 아래와 같이 표현합니다.

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

      var myArray = [ [1,2,3,],[4,5,6,] ];

 

。 2차원 배열의 크기

   - 2차원 배열의 크기는 행의 크기와 열의 크기가 있습니다. 행의 크기는 myArray.length로 구할 수 있습니다.

열의 크기는 myArray[0].length 나 myArray[1].length 로 구할 수 있습니다.

 

중첩 for문을 이용한 2차원 배열 읽기 

 

 

코드 설명

2차원 배열은 myArray 를 선언한 후 중첩 for문을 통해 값을 출력하는 코드다.

첫번째 for문은 myArray배열의 행의 길이 만큼 i 값이 증가하며 두번째 for문은 증가된 i값을 조건으로

myArray의 열의 값을 가져온다.

 

。 for/in 문

  - for/in문을 반복문 for 에서 공부하지 않고 배열에서 공부하는 이유는 배열에서 유용하게 사용할 수 있기 때문입니다. 

     for/in 문에 배열을 주면 따로 반복 조건을 줄 필요 없이 배열의 크기만큼 알아서 반복을 해줍니다. 아래의 예제를 보겠습니다.

     

 

 



출처: https://rank01.tistory.com/34 [JAVA FOR JAVA]

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
27 [wordpress, 워드프레스] 워드프레스로 쉽게 랜딩 페이지 만들기 (feat. 엘리멘터, GeneratePress, Divi) file 졸리운_곰 2024.12.20 545
26 [wordpress, 워드프레스] WordPress 페이지또는 글에 별도 CSS와 JavaScript 추가하기 file 졸리운_곰 2024.12.19 354
25 [wordpress 플러그인] 코스모스팜. 회원관리 1.메뉴에 로그인 넣기 file 졸리운_곰 2024.08.25 513
24 [wordpress 플러그인] WP-Members로 회원제 사이트 만들기 file 졸리운_곰 2024.08.25 749
23 [php worldpress] 워드프레스 새 서버 이전시 페이지 안나오는 문제 : How to Rewrite URLs with mod_rewrite for Apache on Ubuntu 20.04 file 졸리운_곰 2024.08.07 775
22 [php worldpress] PHP query to SQL server database (wordpress) 졸리운_곰 2024.07.28 503
21 [php worldpress] [위 에]wordpress 사용자 암호 화 원리 및 알고리즘 분석 졸리운_곰 2022.04.11 377
20 [wordpress] WPForms 워드프레스 폼빌더 사용법 file 졸리운_곰 2021.04.25 1715
19 [wordpress][워드프레스] 워드프레스에서 wpdb를 사용한 CRUD 작업 예 졸리운_곰 2021.04.15 356
18 워드프레스에서 wpdb를 사용한 CRUD 작업 예 졸리운_곰 2021.01.12 459
17 워드프레스 – CRUD file 졸리운_곰 2021.01.02 502
16 워드프레스 데이터베이스 들여다보기. file 졸리운_곰 2020.08.04 673
15 워드프레스 플러그인과 테마 비교 - 사이트별 플러그인 만들기 졸리운_곰 2020.04.21 501
14 워드프레스에서 js 스크립트 파일과 스타일시트를 올바르게 로드하는 방법 졸리운_곰 2020.04.21 736
13 워드프레스 플러그인 만들기 file 졸리운_곰 2020.04.21 500
12 워드프레스 숏코드: 완벽 가이드 file 졸리운_곰 2020.04.21 513
11 워드프레스 페이지 분석 file 졸리운_곰 2019.11.19 515
10 내가 본 워드프레스 핵심 구조 및 기능 (Wordpress Architecture and Function) file 졸리운_곰 2019.11.19 452
9 Embedding three.js in WordPress 워드프레스에서 three.js 사용 졸리운_곰 2019.11.08 517
8 How to Super Charge your WordPress with Microservices 워드프레스 마이크로서비스 file 졸리운_곰 2019.11.03 373
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED