-
[JavaScript] 자바스크립트 제공 코어 객체 : Array개발 프로세스/Front-end 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, "오"]
'개발 프로세스 > Front-end' 카테고리의 다른 글
[JavaScript] 브라우저 제공 내장 객체 : DOM 객체 (0) 2021.06.14 [JavaScript] 자바스크립트 제공 코어 객체 : String, Math (0) 2021.06.10 [JavaScript] 자바스크립트 제공 코어 객체 : Date (0) 2021.06.10 [JavaScript] 브라우저 제공 내장 객체 : window 객체, navigator 객체 (0) 2021.06.09 [JavaScript] 자바 스크립트 기본 문법 : 내장함수, 사용자 정의 함수 (0) 2021.06.07