JavaScript 배열 / 객체 기본

JS 배열

자바스크립트의 배열은 유연하게 작동한다. 사이즈가 고정되지 않아서 기존 배열 인덱스를 입력하면 수정이 되고, 새로운 인덱스를 넣으면 값이 추가 된다.

 

ㅇ 배열의 크기 메소드

• 배열명.length

 

ㅇ 배열메서드

메서드	설명
reverse( )	배열을 역순으로 정렬
sort( )	배열 정렬
slice( )	배열의 일부 선택
concat( )	배열을 하나로 합침
shift( )	첫 번째 배열 제거(값을 반환함)
unshift( )	첫 번째 배열 추가
pop( )	마지막 배열 제거(값을 반환함)
join( )	배열 사이에 지정된 문자열로 구분자 표시

 

• sort( ) 메서드는 함수 안에 매개변수를 전달하지 않으면 알파벳 순으로 정렬
• 번호순 정렬은 매개변수에 함수식 적용
• 번호순으로 정렬 : 배열명.sort(function(a,b){ return a-b; } )
• 번호순으로 오름차순 : 배열명.sort(function(a,b){ return b-a; } )
• slice( ) 메서드는 배열의 특정 범위를 추출
• slice(시작 위치, 마지막 위치)
• concat( )
• 배열명1.concat(배열명2, 배열명3…)

 

 

JS 객체

 

자바스크립트에서 배열과 객체는 상당히 유사, 자바스크립트의 객체는 { }로 쓴다.

데이터가 비정형적으로 복잡해지면 객체로 정의하는 것이 알아보기 수월하며 다루기도 쉽다.

• { } 안에 속성명:속성값 형식으로 객체를 정의한다. 이러한 방식을 객체 리터럴(literal) 방식이라고 한다. 객체에는 숫자, 문자, 함수도 담을 수 있음
• 배열명[0].속성명

var 객체명 = { 
	속성명1 : "값1", 
	속성명2 : "값2",
	속성명3 : "값3",
	….
} 

 

ㅇ 개체 안에 객체를 또 넣는 것도 가능

	var student = {
		name:"박자바",
		addr:"서울시",
		major:"프로그래밍",
		age:27,
		score:{database:100,os:80}			
};