예제 7-4. Array 객체의 메소드 활용
WEB/JAVASCRIPT-CONCEPT 2017. 10. 28. 15:51 |배열의 특징
* 배열은 Array 객체이다.
자바스크립트에서 배열은 []로 생성하든, new Array()로 생성하든, 모두 Array 객체로 다룬다.
* 배열에는 여러가 타입의 데이터가 섞여 저장될 수 있다.
ex)
var any = new Array(5); // 5개의 원소를 가진 배열 생성
any[0] = 0;
any[1] = 5.5;
any[2] = "이미지 벡터";
any[3] = new Date(); // Date 객체 저장
any[4] = convertFunction; // function convertFunction(){...}의 주소 저장
* Array 객체의 주요 메소드
메소드 | 설명 |
concat(arr) | 현재 배열에 배열 arr의 원소들을 덧붙여 만든 새 배열 리턴. 현재 배열은 변하지 않음 |
join([separator]) | 배열의 모든 원소를 연결하여 하나의 문자열로 만들어 리턴. 각 원소 사이에 separator로 지정된 문자열 삽입. separator가 생략되면 "." 사용 |
reverse() | 원소를 역순으로 재배열하고, 이를 복사한 새로운 배열 리턴 |
slice(idxA,idxB) | 두 인덱스 idxA, idxB 사이의 원소들로 구성된 새 배열 리턴. 인덱스 idxB의 원소는 포함되지않음. idxB가 생략되면 끝 원소까지 포함 |
sort() | 현재 배열을 증가 순으로 수정. 이를 복사한 새 배열 리턴 |
toString() | 원소들을 모두 연결하여 하나의 문자열로 만들어 리턴. 원소와 원소 사이에 "." 삽입 |
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 40 41 42 43 44 45 46 47 48 49 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Array 객체의 메소드 활용</title> <script> function pr(msg, arr) { document.write(msg + arr.toString() + "<br>"); } </script> </head> <body> <h3>Array 객체의 메소드 활용</h3> <hr> <script> var a = new Array("황", "김", "이"); var b = new Array("박"); var c; pr("배열 a = ", a); pr("배열 b = ", b); document.write("<hr>"); c = a.concat(b); // c는 a와 b를 연결한 새 배열 pr("c = a.concat(b)후 c = ", c); // 황,김,이,박 pr("c = a.concat(b)후 a = ", a); // 황,김이 c = a.join("##"); // c는 배열 a를 연결한 문자열 pr("c = a.join() 후 c = ", c); // 황##김##이 pr("c = a.join() 후 a = ", a); // 황,김,이 c = a.reverse(); // a.reverse()로 a 자체 변경. c는 배열 pr("c= a.reverse() 후 c = ", c); // 이,김,황 pr("c= a.reverse() 후 a = ", a); // 이,김,황 c = a.slice(1, 2); // c는 새 배열 pr("c= a.slice(1, 2) 후 c = ", c); // 김 pr("c= a.slice(1, 2) 후 a = ", a); // 이,김,황 c = a.sort(); // a.sort()는 a 자체 변경. c는 배열 pr("c= a.sort() 후 c = ", c); // 김,이,황 pr("c= a.sort() 후 a = ", a); // 김,이 c = a.toString(); // toString()은 원소 사이에 ","를 넣어 문자열 생성 document.write("a.toString() : " + c); // 김,이,황 // join처럼 사용자 정의대로 표현은 못함 무조건 ","이다 </script> </body> </html> | cs |
'WEB > JAVASCRIPT-CONCEPT' 카테고리의 다른 글
| 예제 7-7. string 객체의 메소드 활용 (0) | 2017.10.28 |
|---|---|
| 예제 7-5. Date 객체 생성 및 활용. 예제 7-6 방문 시간에 따라 변하는 배경색 만들기 (0) | 2017.10.28 |
| 예제 7-2. []로 배열 만들기, 예제 7-3. Array 객체로 배열 만들기 (0) | 2017.10.28 |
| 예제 7-1. 자바스크립트 객체 생성 및 활용 (0) | 2017.10.28 |
| 예제 6-23. eval(), parseInt(), isNaN(). 예제 6-24. 구구단 출력 함수 만들기 (2) | 2017.10.28 |