본문 바로가기
JavaScript

[JavaScript] 간단한 Array와 Object 차이

by jane.dev 2021. 8. 28.
반응형

Array

내부의 데이터들이 무슨 역할을 하는지 알 수 없음(대괄호로 작성)

const toDoList = ["laundry", "shopping", "workout", "studying"];

리스트를 작성하는데에 사용 → 내부 데이터에 의미를 부여할 필요가 없음

// 배열 생성
const dayOfWeek = ["mom", "tue", "wed", "thu", "fri", "sat"];
// 출력
console.log(dayOfWeek);
// 특정 인덱스 값만 출력(0 ~ 5)
console.log(dayOfWeek[2]);	// wed
// 특정 인덱스 값 변경
dayOfWeek[0] = "mon";
// 배열에 데이터 추가
dayOfWeek.push("sun");

서로 다른 데이터 타입도 한 배열안에 작성 가능

const array = [1, "Hello", true, false, null, undefined];

 

Object

내부의 데이터들의 의미를 알 수 있음(중괄호로 작성)

const aboutMe = {
    name: "jane",
    age: 28,
    pretty: true,
    comment: "Hello",
}

const(상수) aboutMe를 선언하고 새 객체를 만들어 초기화, aboutMe에 객체 참조를 할당

// 출력
console.log(aboutMe);
// 내부 데이터 출력
console.log(aboutMe.name);
console.log(aboutMe["name"];
// 속성 추가
aboutMe.lastName = "choi";

const로 작성된 object 내부의 속성을 변경해도 에러가 발생하지 않음 → aboutMe 라는 object는 여전히 const의 성격을 가짐

aboutMe.comment = "Bye";