[JAVASCRIPT] 객체(Objects)

기본적으로 자바스크립트의 모든 것은 객체(Object)이다.

Object

Object는 키(key)-값(value) 쌍으로 데이터를 저장한다.

const person={
  firstName:"John",
  lastName:"Doe",
  age:50,
  eyeColor:"blue"
};

키(key) - firstName, lastName, age, eyeColor
값(value) - John, Doe, 50, blue

데이터를 변경하는 방법

person["age"]=51;	//오브젝트명+[+"key"+] 형태로 사용해서 데이터 변경
person.age=51;		//오브젝트명+ . +key 형태로 데이터에 접근해서 변경

데이터를 가져오는 방법

console.log(person["firstName"]);	//오브젝트명+[+"key"+]
console.log(person.firstName);		//오브젝트명+ . +key

오브젝트의 키에 대한 값으로는 문자형, 숫자형뿐만 아니라 자바스크립트의 모든 객체를 값으로 할당해서 사용할 수 있다.

Array(배열)

• 하나 이상의 다중 데이터를 저장할 수 있다.
• 여러 값을 하나의 단일 참조(single reference)로 저장할 수 있도록 해주는 구조
• 배열에 저장된 데이터의 특징은 순서를 갖는다는 것이다.

const cars=["BMW", "Benz", "Audi"];

데이터를 가져오는 방법

• 배열에서 특정 위치의 요소를 가져오기 위해 인덱스 번호를 사용한다.
• 배열의 요소에 접근하려면 "변수명"+"["+"인덱스 번호"+"]" 형식을 사용한다.
• 인덱스 번호는 배열에 담긴 데이터의 순서
• 배열은 데이터가 순서를 가진 상태로 저장되며, 순번은 0부터 시작된다.

console.log(cars[0]);	//BMW
console.log(cars[1]);	//Benz

배열 값으로는 문자형, 숫자형뿐만 아니라 자바스크립트의 모든 객체를 값으로 할당해서 사용할 수 있다.

데이터를 변경하는 방법

cars[0]="Hyundai";		//배열의 첫 번째 요소의 값을 Hyundai로 변경
cars[1]="Kia";			//배열의 두 번째 요소의 값을 Kia로 변경
console.log(cars[0]);	//Hyundai
console.log(cars[1]);	//Kia