개발 프로세스/Front-end
[JavaScript] 자바스크립트 제공 코어 객체 : Array
slowreem
2021. 6. 10. 17:33
자바스크립트 코어 객체
브라우저의 종류나 HTML 페이지의 구조에 관계없이 자바스크립트 프로그램에서 항상 활용할 수 있는 기본 객체들이다.
Array 객체 생성 방법
- 배열 크기를 언제라도 늘이거나 줄일 수 있음.
- (주의) 현재 원소가 7개 있는 상태에서 인덱스 10에 원소를 삽입하면 중간에 있는 plots[7], plots[8], plots[9] 원소들의 값은 undefined가 된다.
- 각 요소가 동일한 자료형이 아니어도 됨.
- length 프로퍼티(속성) : 배열의 원소 개수를 알아낼 수 있다.
var week = ["월", "화", "수","목","금","토","일"];
/* 초기 값을 가진 배열 생성 */
var week = new Array("월", "화", "수","목","금","토","일");
/* 크기를 지정한 배열 먼저 생성 후 나중에 원소 저장 */
var week = new Array(7);
week[0] = "월";
week[1] = "화";
...
week[6] = "일";
/* 빈 배열 생성 */
var week = new Array();
/* length 프로퍼티 활용 */
var degrees = new Array(15.1, 15.4, 16.1, 17.5, 19.2, 21.4);
var sum = 0;
for (i = 0; i < degrees.length; i++) {
sum += degrees[i];
}
document.write("평균 온도는 " + sum/degrees.length +"<br>");
Array 객체의 메소드
toString() | 원소들을 모두 연결하여 하나의 문자열로 만들어 리턴. 원소와 원소 사이에 "." 삽입. |
reverse() | 원소를 역순으로 재배열. 새 변수에 대입하여도 원래 배열도 변경된다. |
sort() | 배열 내 요소들의 순서를 오름차순으로 정렬 (숫자-대문자-소문자) 새 변수에 대입하여도 원래 배열도 변경된다. 숫자도 문자열로 변환하여 순서 결정. |
join([separator]) | 배열의 모든 원소를 연결하여 하나의 문자열로 만들어 리턴. separator가 생략되면 ","이 사용된다. |
slice(idxA[, idxB]) | 일부만 잘라서 새로운 배열로 만듦. |
concat(arr) | 배열 뒤에 배열 arr의 원소들을 덧붙여 만든 새 배열 리턴. |
var arr = new Array("zero", "one", 3, "45", "Five");
arr.reverse(); // ["Five", "45", 3, "one", "zero"]
var str = arr.join("="); // ["Five=45=3=one=zero"]
arr.sort(); // [3, "45", "Five", "one", "zero"]
var sliced_arr = arr.slice(2,4); // ["Five", "one"]
var new_arr = sliced_arr.concat(4, "오"); // ["Five", "one", 4, "오"]