배열, 객체

배열

하나의 데이터 값에 여러 개의 데이터 형태를 묶는 형태

배열의 형태
const arr = [] => 값이 없을 경우, 빈 배열이라고 한다.

const arr = [];
console.log(arr); => [] 빈배열이 출력이 된다.

const arr3 =[10,"js",true,false,undefined,null, [],{},function() {} ] 가능하다.
console.log(arr3)
console.log(arr3[2]) => 인덱스를 불러 오는 방법,
인덱스를 통해서 원하는 값을 불러올 수 있다.

추가로, 배열을 사용할 때 let 보다는 const를 사용하는 것이 보다 더 좋다.

객체 리터럴(object literal) {}

중괄호를 이용하여 나타낼 수 있음

{
key:value =>key와 value를 묶어서 속성(property)라고 한다.
}

const obj = {
name: '철수',
age: 17,
"last visited": '2022-12-25' => ""를 안쓰고, last visited를 쓰게 되면 오류가 난다.
}; //

console.log(obj["last visited"]) => 띄어쓰기가 있는 경우에는 ['']를 이용해서 사용해줘야 한다.
console.log(obj."last visited") 접근이 되지 않는다.

---

객체 리터럴 정리

자바스크립트의 참조 자료형에 속하는 객체 자료형에서 파생되는 데이터 형태 중 가장 많이 사용되는 형태에는 객체 리터럴이 있습니다.

Basic

객체 리터럴은 아래처럼 중괄호를 이용해서 데이터 값을 나타냅니다.

{} // 빈 객체

객체는 중괄호 안에 키(key)와 값(value)으로 구성된 속성들로 데이터를 나타낼 수 있습니다.

{
  key:value
}

객체 리터럴 값 내부에는 속성을 여러 개 사용할 수 있으며 속성과 속성을 콤마(,)로 구분해서 작성합니다.

{
  key1:value1,
  key2:value2
}

아래는 객체 리터럴 형태로 표현한 데이터 값의 예제 코드입니다.

{
  name: '철수',
  age : 30
}

Property

객체 리터럴의 속성에서 키는 원래 문자열로 작성해야 합니다. 그래서 원래는 위에서 살펴 본 예제 코드는 아래 코드처럼 작성해야 합니다.

{
  "name": "철수",
  "age" : 30
}

단, 만약 키(key)에 공백이 없다면 관례상 따옴표는 생략해도 됩니다. 그래서 일반적으로 아래의 예제 코드처럼 따옴표를 없이 사용합니다.

{
  name: "철수",
  age : 30
}

단, 만약 키에 공백이 있다면 따옴표를 생략할 수 없습니다. 그래서 항상 아래의 코드처럼 작성해야 합니다.

{
  "last visited" : "2022-12-05"
}