본 수업은 폐지 예정입니다. 자바스크립트 언어 수업과 웹브라우저 자바스크립트로 수업이 리뉴얼 되었기 때문에 이것을 이용해주세요.
배열 - Array
- 연관된 여러개의 데이터를 하나처럼 관리하고 싶을 때 사용
- 복수의 데이터를 제어할 수 있는 다양한 함수(method)를 제공
- 배열의 함수를 이용해서 데이터를 편리하게 조작할 수 있음
문법(Syntax)
1 2 3 4 | var arr = new Array(element0, element1, element2, ..., elementN);// Array literalsvar lit = [element0, element1, element2, ..., elementN]; |
예제
example1.html - (jsfiddle, github)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > </head> <body> <script type="text/javascript"> // firstArray라는 변수에 apple, orange, mango 값이 들어있는 배열을 생성해서 담는다. var firstArray = new Array('apple', 'orange', 'mango'); // 배열의 데이터에 엑세스 할 때는 '[인덱스]'를 사용함, 인덱스(index)는 0부터 순차적으로 올라감 alert('첫번째 값은' + firstArray[0]); // 배열에 저장된 데이터의 수는 배열.length; 를 통해서 알 수 있음. alert('저장된 배열의 수는 ' + firstArray.length); // 배열에 값을 추가할 때는 배열.push('새로운 값')을 통해서 할 수 있음. firstArray.push('tangerine'); alert(firstArray); var removed = firstArray.shift(); // 첫번째 원소를 제거한 후에 이를 리턴 alert(removed); alert(firstArray); // 배열과 반복문,조건문을 조합해서 사용하는 예 // 조건문을 이용해서 마지막 항목에는 ','를 찍지 않는다. for (var i = 0; i < firstArray.length; i++) { document.write(firstArray[i]); if (i < firstArray.length - 1) document.write(','); } // 배열을 이용하면 한줄에! document.write('<br />'); document.write(firstArray.join(',')); </script> </body></html> |
example2.html - (jsfiddle, github)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > </head> <body> <script type="text/javascript"> // 배열과 반복문,조건문을 조합해서 사용하는 예 function getWeek() { var week = ['월', '화', '수', '목', '금', '토', '일']; return week; } var week = getWeek(); for (var i = 0; i < week.length; i++) { document.write(week[i] + '<br />'); } </script> </body></html> |
