[JavaScript] Array, Object

Array자료형

여러가지 자료를 한 곳에 저장하고 싶을 때 사용하는 자료형입니다.

var car = ['소나타', 50000, 'wihite'];
car[1] = 60000;
console.log(car[1]);

• 대괄호를 열고 자료를 콤마로 구분하여 넣어주면 됩니다.
• array 자료를 수정하고 싶으면 등호를 이용하면 됩니다. 자료 추가도 됩니다.
• array 자료에서 데이터를 뽑을 땐 대괄호를 뒤에 붙여 인덱싱해주면 됩니다.
  [n]라고 쓰면 n번째 자료를 출력해 줍니다.

이렇게 여러 자료를 변수 하나에 저장하고 싶으면 array를 사용하면 편리합니다.

Object 자료형

object자료형도 여러 자료를 한 곳에 저장하고 싶을 때 사용하는 자료형입니다.

var car2 = { name: '소나타', price: 50000 };
consloe.log(car2['name');
console.log(car2.name);

• 중괄호를 열고 자료를 콤마로 구분해서 넣어주면 됩니다. 이때 중요한 것은 자료 왼쪽에 자료의 이름을 붙여서 저장해야 합니다.
  (key : value 형태로 자료 지정)
• object 자료형에서 데이터를 뽑을 땐 대괄호를 뒤에 붙이면 되는데 [자료이름]이렇게 써야 합니다.
  (. 자료이름도 가능)

var car2 = { name : '소나타', price : 50000 };
car2['name'] = '그랜저';
console.log(car2['name']);

• object 자료형은 등호를 이용하여 수정하면 됩니다. 자료추가도 가능.

여러 자료를 변수 하나에 저장하고 싶으면 object를 사용해도 편리합니다.

Array/Object 차이

둘 중에 아무거나 맘에드는걸 골라서 사용하면 되는데

상품명, 가격, 연식, 색상, 옵션여부, 카드할인여부 ··· 이런 데이터를 변수하나에 보관하고 싶을땐 object를 상용하는것이 유리합니다.

var car = ['소나타', 50000, 2030, 'white', false];

▲ array쓰면 저장시엔 간단하겠지만
나중에 자료 뽑을 때 약간 어렵습니다.
가격뽑을 때 "가격자료가 몇번째 위치에 있었지?" 를 기억해내야합니다

var car = { name : '소나타', price : 50000, year : 2030 };

▲ object로 넣으면 저장은 귀찮겠지만
가격뽑을 때 "가격의 key 이름이 뭐였지" 를 기억하면 됩니다.

Array/Object 차이2

array는 순서개념이 있습니다. 왼쪽에 적을 수록 더 앞에 있는 자료임

object는 순서개념이 없습니다. 가장 왼쪽에 적었다고 해도 1빠임을 보장해주지 않습니다.

그래서 array 자료는 순서개념이 있다보니

• 가나다순 정렬
• x번 자료부터 x번 자료까지 자르기
• x번 자료 바꾸기
• 맨 뒤, 맨 앞에 자료 넣기
• 원하는 자료가 들어있나 검색

순서개념이 필요한 많은 것들을 할 수 있습니다.

array자료.sort() 하면 가나다순 정렬되고
array자료.slice(x, y) 하면 x번부터 y번 전까지 자를 수 있고
array자료.push(x) 하면 x를 맨 뒤에 입력할 수 있는
이런 기본함수들이 준비되어있습니다.