개발 보석함

[Javascript] 객체(Object)와 배열(Array)

by hiSon

객체(Object)

객체는 {}로 감싸며, key와 value가 한쌍으로 이루어져있다. key(키=속성명) : value(값=속성값)

키는 문자열 또는 기호만 가능하며, 속성명은 띄어쓰기가 없을경우 따옴표로 감싸주지 않아도 된다.

Value는 모든 유형이 될 수 있다. (배열이나 object가 또 들어가는 것도 가능)

객체에서 명명된 값을 Properties라고 한다.(Key,Value 형태)

 

객체 생성 방법

var obj = new Object();
obj.s_no = 1;
obj.s_name = "강아지";
obj.age = 2;

위와 같이 생성하고 데이터를 집어 넣는 방법이 있지만 

var obj = {
s_no:1
,s_name:"강아지"
,age:2
};

이렇게 간단하게 표현할 수도 있다.

 

배열(Array)

배열은 []로 감싸며, 배열 안에 들어 가는 것들을 요소라고 한다.

객체와 다른 점은 키가 없이 값들만 순서대로 나열되어 있다.

배열 생성방법

var arr1 = naw Array();
arr1[0] = "강아지";
arr1[1] = "고양이";
arr1[2] = "앵무새";

위와 같이 생성하고 데이터를 입력할 수 있지만

var arr1 = [];
arr1.push("강아지");
arr1.push("고양이");
arr1.push("앵무새");

이렇게 배열을 생성할 수도 있다.

 

또한 배열에 key와 value 형태로 저장할 수도 있다.

var arr1 = [];
arr1["animal1"] = "강아지";
arr1["animal2"] = "고양이";
arr1["animal3"] = "앵무새";

위와 같이 배열에 key와 value 형태로 집어넣게 되면

console.log(arr1["animal1"]); //강아지가 출력
console.log(arr1["animal2"]); //고양이가 출력
console.log(arr1["animal3"]); //앵무새가 출력
console.log(arr1) // 길이는 0이 출력된다.

 

for(xxx in arr1){
console.log(xxx); // key 출력
};
for(xxx in arr1){
console.log(arr1[xxx]); // value 출력
};

이렇게 for ~ in을 이용하여 key와 value를 출력하는 것도 가능하다.

블로그의 프로필 사진

블로그의 정보

개발 보석함

hiSon

활동하기