[JS] 객체,배열 (object, array)

📌 객체 (object)

자바스크립트에서는 모든 데이터 가 객체로 저장이 된다
객체는 key와 value로 이루어져 있다
객체는 key와 value를 property(속성)이라고 한다
객체를 만들때는 중괄호{}를 통해서 만든다

🌟 객체 사용 이유?

여러개의 값을 한번에 묶어서 저장하기 위해서

✏️ 객체예시.

// '대모험', 200 두개의 값을 저장(객체)
let book = { title: '대모험', price: 200 };
console.log(book);
//객체 출력할때 2가지 방법
console.log(book['title']);
console.log(book.title);

수정하고싶은값이 있을경우,.를 사용한다.

book1.price =20000 
console.log(book1)
//출력값 price:2000, 

🌟객체 속에 들어있는 key(property)에 접근하는 방법

1. ✏️ 하위연산자 (.)을 사용한다

let book1 = {
   title : '대모험' , 
   page:205, 
   author:'김철수',
   publisher:'그린출판사',
   price:35500
 };
🌟console.log(book1.price);
//출력값 35500

📌 자료형

📍원시자료형(primitive)- 고정된 저장 공간을 차지하는 데이터를 모두 🌟원시 타입(primitive type) 데이터 (6 가지)🌟

number
string
undefined
null
boolean
symbol

📍참조자료형(reference)data

object
array
Function
변수에 저장이 될 때 변수는 해당 객체의 위치를 참조하는 형태로 저장이 된다

📌 배열 (array)

🌟 배열(객체랑 똑같은데 key, property를 만들필요가 없을때)

배열은 []를 통해서 만든다
배열을 만들면 자동으로 key가 0부터 시작하게 생성이 된다

key가 숫자이기 때문에 .을 통해서 접근할 수는 없고

반드시 []로 접근을 해야한다.
자동으로 만들어지는 key값은 배열에서는 index라고 부른다

2. ✏️ [] 를 사용한다
key가 띄어쓰기가 있거나 숫자로 되어있다면 []를 쓸 수 밖에 없다

  let book1 = {
    title : '대모험' , 
    page:205, 
    author:'김철수',
    publisher:'그린출판사',
    price:35500,
    'book color':'파란색',
    50: '강수지'
  };  
// []를 통해 접근할 수 있다
  console.log(book1['price']); //출력값:35500
// console.log(book1.book color); 🌟불가능
  console.log(book1['book color'])//출력값:파란색
  console.log(book1[50]); //출력값:강수지

📌 배열 array

🌟 여러개의 값을 저장하기 위해서, key 값을 자동으로 0부터 만들어주고, length property(키값)에 요소의 갯수도 저장되어있다.

✏️ 배열예시.

// '대모험', 200 두개의 값을 저장(배열)
let myBook = ['대모험', 200];
console.log(myBook);
console.log(myBook[0]);

✏️ 배열안에 있는 객체 예시1.

let books = [
  { 
    title: '대모험',
    price: 200 
  },
  { title: '곰세마리',
   price: 150 
  },
  { title: '홍길동전',
   price: 200 
  }
];
//books 전체정보 출력
console.log(books);

✏️ 결과:

✏️ 배열안에 있는 객체 예시2.

//'대모험'출력
console.log(books[0].title);
console.log(books[0]['title']);
//결과값: 대모험

✏️ 결과: