JavaScript - 객체 기본

자료형	설명
Number()	숫자
String()	문자열
Boolean()	불린
Object={}	객체
function(){}	함수
undefined	undefined

자바스크립트의 기본 자료형은 숫자, 문자열, 불린, 객체, 함수 그리고 undefined가 있다. array인 배열은 없는데 array의 자료형은 typeof()를 사용하면 알수있다.

위의 이미지와 같이 객체인 object={}와 배열인 array=[]는 같은 Object(객체) 자료형을 가지고 있는 것을 알 수 있다. 또한 배열에는 '인덱스'와 '요소'가 존재한다. 변수 선언으로 배열을 만들고 호출을 하려면 인덱스에 접근을 해야한다.

let array=[1, '바나나', [1,2,3], function(){}, true];   console.log(array[0]); -> 1 출력 console.log(array[1]); -> 바나나 출력 console.log(array[2]); -> [1,2,3] 출력 console.log(array[3]); -> function(){} 출력 console.log(array[4]); -> true 출력

자바스크립트는 1이 아니라 0부터 시작한다.

인덱스	요소
0	1
1	바나나
2	[1,2,3]
3	function(){}
4	true

인덱스와 요소의 관계는 위와 같게 된다. 배열은 이 외에도 반복문을 통해서도 호출이 가능하다.

for 반복문과 .length를 이용	for in 반복문을 이용
for(let i=0; i<array.length; i++){         alert(array[i]); }	for(let n in array){         alert(array[n]); }

배열은 객체를 기반으로 만들어졌기 때문에 배열과 객체는 상당히 비슷하다. 배열과 객체의 차이점은 배열은 요소에 접근할 때 인덱스를 사용하지만, 객체는 키를 사용한다.

let object={         이름:'홍길동',         국적:'조선',         나이:'불명',         신분:'의적',         결혼:'미혼'     };

객체를 생성할 때는 배열의 [](대괄호)와는 다르게 {}(중괄호)를 사용한다. 이름:'홍길동'의 키는 이름이 되는 것이고, 속성은 '홍길동'이 되는 것이다. 객체를 호출하는 방법은 몇가지가 있다.

object['키입력'] 방법	object.키입력 방법
console.log(object['이름']); -> 홍길동 출력 console.log(object['국적']); -> 조선 출력 console.log(object['나이']); -> 불명 출력	console.log(object.이름); -> 홍길동 출력 console.log(object.국적); -> 조선 출력 console.log(object.나이); -> 불명 출력

객체의 요소에 접근하는 방법은 배열의 요소에 접근하는 방법과 유사하다. object['키입력']의 [](대괄호)를 사용하는 기본적인 방법이 있고, 이것보다 더 많이 사용하는 호출 방법이 object.키입력 방식이다. 이유는 이 방식을 이용하면 보조기능을 활용할 수 있기 때문이다.

 

객체의 키는 식별자 또는 문자열을 모두 사용할 수 있다. 대부분은 식별자를 사용하지만, 식별자로 사용할 수 없는 단어를 키로 사용할 때 활용할 수 있다.

let StringObject={     'A1002 JK':23579,     'A1003 JK':44563, };

이와 같이 식별자가 아닌 문자를 키로 사용할 때는 무조건 [](대괄호)를 이용해 객체의 요소에 접근 할 수있다. 정리하면 배열과 객체은 아래와 같다.

	Array(배열)	Object(객체)
자료형 / typeof( )	Object	Object
기본형태	Array=[ ]	Object={ }
생성법	let array=[ 요소 1, 요소 2, 요소 3 ... ]	let object={      키 1 : 속성 1,      키 2 : 속성 2,      키 3 : 속성 3,      ... }
호출법	let array=[ 1, 2, 3, 4, 5 ]; array[0]; array[1]; array[2]; array[3]; array[4];	let object={      한국:'서울',      미국:'워싱턴',      일본:'도쿄',      중국:'베이징',      영국:'런던' }; object['한국']; object['미국']; 또는 object.한국; object.미국;

객체 기본.html

0.00MB