본문 바로가기
Web/JAVASCRIPT

Array 와 Object

by print_soo 2023. 7. 31.

이전에 우리는 데이터를 담는 변수에 대해서 배웠다. 

만약 여러 개의 데이터를 저장해야 한다고 가정한다면 변수는 데이터 개수에 따라서 선언되어야하는 번거로움이 생긴다.

 

이런 상황을 해결하기 위한 자료형에는 Array와 Object가 있다. 

 

Array

 

기본 형태

var 변수명 = [값1, 값2, 값3, 값4 ...];

// 예시
var carName = ['소나타', '아반떼', '산타페', '셀토스'];

 

 

접급

변수명[인덱스]

carName[1] // '아반떼'

 

 

추가

변수명[인덱스] = 값5;

carName[4] = '쏘렌토' //['소나타', '아반떼', '산타페', '셀토스', '쏘렌토']

 

수정

변수명[인덱스] = 값3-2;

carName[3] = '그랜저' //['소나타', '아반떼', '산타페', '그랜저', '쏘렌토']

Object

 

기본형태

var 변수명 = {key1: value1, key2: value2, key3: value3};

// 예ㅅㅣ
var carInfo = {name: '소나타', price: 50000000, color: 'white'};

 

 

접근

변수명['key']
변수명.key

carInfo['name'] //소나타
carInfo.color //white

 

 

추가

변수명[새로운key] = value;
변수명.새로운key = value;

carInfo['number'] = '1234';
carInfo.number = '1234';

 

 

수정

변수명[key] = value;
변수명.key = value;

carInfo['price'] = 30000000;
carInfo.price = 30000000;

Array VS Object

Array는 순서개념이 있지만 Object는 순서개념이 없다. 

따라서 Array는 정렬, 자료 자르기, 자료 바꾸기, 원하는 자료 검색이 가능하다.

 

'Web > JAVASCRIPT' 카테고리의 다른 글

Select 2 : 자바스크립트로 html 생성하는 법  (0) 2023.07.31
Select 1: 인풋 다루기  (0) 2023.07.31
dataset  (0) 2023.07.30
이벤트 버블링과 이벤트관련 함수들  (0) 2023.07.28
탭기능 만들며 배우는 for 반복문  (0) 2023.07.27