예제 7-2. []로 배열 만들기, 예제 7-3. Array 객체로 배열 만들기
WEB/JAVASCRIPT-CONCEPT 2017. 10. 28. 15:25 |* 배열을 만드는 방법
1. []로 배열 만들기
2. Array 객체로 배열 만들기
1. []로 배열 만들기
- 배열 만들기
ex)
var week = ["월","화","수","목","금","토","일"]
var plots = [-20, -5, 0, 15, 20]
week[6] = "Sunday"; // week[6]의 값을 "일"에서 "Sunday"로 변경
var p = plots[1]; // p는 -5
- 배열 크기와 원소 추가
원소 추가는 반드시 맨 끝에 한 개씩만 가능하다. 원소를 추가하면 배열의 크기도 늘어난다.
ex)
plots[5] = 33; // plots 배열에 6번째 원소 추가. 배열 크기는 6이됨
plots[6] = 22; // plots 배열에 7번째 원소 추가. 배열 크기는 7이됨
plots[10] = 33; (X) // 오류
예제 7-2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>[]로 배열 만들기</title></head> <body> <h3>[]로 배열 만들기</h3> <hr> <script> var plots = [20, 5, 8, 15, 20]; // 원소 5개의 배열 생성 document.write("var plots = [20, 5, 8, 15, 20]<br>"); for(i=0; i<5; i++) { // 5 대신 plots.length로 해도 됨 var size = plots[i]; // plots 배열의 i번째 원소 while(size>0) { document.write("*"); size--; } document.write(plots[i] + "<br>"); } </script> </body> </html> | cs |
2. Array 객체로 배열 만들기
2-1. 초기 값을 가진 배열 생성
var week = new Array("월","화","수","목","금","토","일");
var day = week[0]; // day는 "월"
week[1] = "tuesday" // "화"대신 "tuesday"가 저장
2-2. 초기화되지 않은 배열 생성
var week = new Array(7); // 7개의 원소를 가진 배열 생성. 원소가 초기화되어 있지 않음
week[0] = "월";
week[1] = "화";
...
week[6] = "일";
2-3. 빈 배열 생성
var week = new Array(); // 빈 배열 생성
week는 처음에는 빈 배열이지만, 원소를 순서대로 삽입하려면 배열 크기가 자동으로 늘어난다. 반드시 인덱스 순서대로 하나씩 삽입하여야 한다.
week[0] = "월"; // 배열 week의 크기는 자동으로 1이 된다.
week[1] = "화"; // 배열 week의 크기는 자동으로 2가 된다.
new Array() // 빈 배열 생성. 원소를 추가할 때마다 배열 크기 자동 늘림
new Array(size) // size 개수의 배열 생성. 원소가 초기화되어 있지 않음
new Array(e1,e2.....en) // n개의 원소에 대한 초기 값과 함께 배열 생성
* 배열의 원소 개수, length 프로퍼티
var plots = [-20, -5, 0, 15, 20];
var week = new Array("월","화","수","목","금","토","일");
var m = plots.length; // m은 5
var n = week.length; // n은 7
예제 7-3
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 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Array 객체로 배열 만들기</title></head> <body> <h3>Array 객체로 배열 만들기</h3> <hr> <script> var degrees = new Array(); // 빈 배열 생성 degrees[0] = 15.1; degrees[1] = 15.4; degrees[2] = 16.1; degrees[3] = 17.5; degrees[4] = 19.2; degrees[5] = 21.4; var sum = 0; for(i=0; i<degrees.length; i++) sum += degrees[i]; document.write("평균 온도는 " + sum/degrees.length + "<br>"); </script> </body> </html> | cs |
'WEB > JAVASCRIPT-CONCEPT' 카테고리의 다른 글
| 예제 7-5. Date 객체 생성 및 활용. 예제 7-6 방문 시간에 따라 변하는 배경색 만들기 (0) | 2017.10.28 |
|---|---|
| 예제 7-4. Array 객체의 메소드 활용 (0) | 2017.10.28 |
| 예제 7-1. 자바스크립트 객체 생성 및 활용 (0) | 2017.10.28 |
| 예제 6-23. eval(), parseInt(), isNaN(). 예제 6-24. 구구단 출력 함수 만들기 (2) | 2017.10.28 |
| 예제 6-22. adder() 함수 작성 및 호출 (0) | 2017.10.28 |