개발 프로세스/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, "오"]