티스토리 뷰
반응형
✔ array
순서대로여러자료 저장 가능
[자료1, 자료2, 자료3 ...]
var car = ['소나타',50000,true];
array에서 자료 꺼내기
var car = ['소나타',50000,true];
console.log(car[0]);
array 자료 추가/수정하려면
var car = ['소나타',50000,true];
car[0] = '아반떼';
✔ object
key:value (자료이름 : 자료) 형태로 저장가능한게 장점(!key값 꼭 붙여야함)
{key:value, key:value}
*key부분이 자료라고 오해하는데
실제 오브젝트에 저장된 자료는 value! (key는 자료이름일뿐)
var2 = {name : '소나타',price : 50000};
object에서 자료 꺼내기-키값으로 꺼냄
['key값'] or 변수이름.key값
var car2 = {name : '소나타',price : 50000};
console.log(car2.name);
console.log(car2['name']);
object에서 자료 수정/추가하려면
var car2 = {name : '제네시스',price : 50000};
car2.name='레니게이드';
car2['name']='캐스퍼';
✨array/object 차이점
array : 순서대로 자료 저장(자료간 순서가 존재)
object : 자료에 이름을 붙여서 저장(순서 개념이 없음)
array | object |
자료간 순서가 존재 자료 중간에 자르기 가능 ex)slice 함수 자료간 정렬 가능 ex)sort 함수 자료검색 가능 맨앞/맨뒤에 자료 추가 가능 array에 붙일 수 있는 기본 함수들이 많음 array안에 array, object 넣을 수 있음 |
자료간 순서의 개념이 없음 자료(밸류값)에 이름(키값)붙여서 저장 키값으로 밸류값 검색 가능 object안에 object, array 넣을 수 있음 |
반응형
'Coding > javascript' 카테고리의 다른 글
[JavaScript] 문자 중간에 변수 쉽게 넣기 (0) | 2023.01.08 |
---|---|
[JavaScript] Array, Object 데이터바인딩(html에 데이터 꽂기) (1) | 2023.01.07 |
[JavaScript] - 이벤트 버블링 응용과 dataset (0) | 2023.01.04 |
[JavaScript] 이벤트 버블링, 이벤트리스너 관련 함수 (0) | 2023.01.04 |
[JavaScript] for 반복문 (0) | 2023.01.04 |
댓글