JavaScript - 객체와 배열

객체 

: 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합

 

// 객체 선언
let person = {
    "name": 'alswn', 
    'age': 26, 
    isMarried: false,
    'favorite color': ['빨강', '노랑'],
    hello: function() {
        return '안녕, 나는 ' + this.name + "이야";
    }
};

// 객체 참조

console.log(person.name);		// 홍길동
console.log(person["name"]);		// 홍길동
console.log(person.favorite color);  // Uncaught SyntaxError: => key 에 공백이 있는 경우
console.log(person["favorite color"]);		// ['빨강', '노랑'] => key
console.log(person.hello());		// 안녕, 나는 홍길동이야

// 순차적으로 참조
for (let key in person) {
    console.log(key, ' 속성의 값은 ', person[key]);
}

 

배열

:  이름과 인덱스로 참조되는 정렬된 값의 집합

// 배열 선언

let values = ["빨강", "노랑", "파랑", true , 123];		// 배열 리터럴을 이용
let values = Array("빨강", "노랑", "파랑", true , 123);		 //Array 객체의 생성자를 이용
let values = new Array("빨강", "노랑", "파랑", true , 123);		//new 연산자를 이용

// 배열 참조
// 배열이름[인덱스]

console.log('첫번째', values[0]);		// 첫번째 빨강
console.log('마지막', values[values.length-1]);		마지막 123

// 순차적을 접근하는 방법
// for문
for (let i = 0; i < values.length; i ++) {
    console.log(values[i]);
}

// for in 
 for (let index in values) {
    console.log(values[index]);
}

// for of
 for (let value of values) {
    console.log(value);
}

// forEach
 values.forEach(color => console.log(color));