Javascript] array(배열) vs objec(객체)

Javascript] array(배열) vs objec(객체)

1. 배열(Array)

- 배열은 대괄호[]를 이용해 선언합니다. 대괄호 안에는 'value(값)'만 입력합니다.

- 배열의 값들은 element(요소)라고 부릅니다.

- 배열의 요소들은 순서로 구분이 되므로, 인덱스를 이용하여(array[0]) 접근합니다.

- 일반 for 반복문을 사용하여 값을 추출할 수 있습니다.

- 배열의 추가: push() → 요소를 맨 뒤에 추가, unshift() → 요소를 맨 앞에 추가

- 배열의 삭제: pop() → 맨 뒤 요소를 삭제, shift() → 맨 앞 요소를 삭제

// 1. 배열 선언 var arr = []; // 2. 배열 할당 arr = ['사과', '당근', 12, 3, 5] // 3. 타입확인 console.log("<<<< 배열 >>>>") console.log("타입: ", typeof(arr)) console.log("배열여부: ", Array.isArray(arr)) // 4. 배열의 접근 console.log("첫번째 요소: ", arr[0], ", 세번째 요소: ", arr[2]) // 5. for 반복문 for (var i = 0; i < arr.length; i++){ console.log([i],"번째는 ", arr[i]) } // 6. 배열의 추가 arr.push("뒤") console.log("뒤에 추가: ", arr) arr.unshift("앞") console.log("앞에 추가: ", arr) // 7. 배열의 삭제 arr.pop() console.log("뒤에 삭제: ", arr) arr.shift() console.log("앞에 삭제: ", arr)

2. 객체(Object)

- 객체는 중괄호{}를 이용해 선언합니다. 중괄호 안에는 'key(이름)'와'value(값)'를 입력합니다.

- 객체의 값들은 property(속성)이라고 부릅니다.

- 객체의 속성들은 'key(이름)'로 구분이 되므로, key를 이용하여(object[key] 또는 object.key) 접근합니다.

- for in 반복문을 사용해서 값을 추출할 수 있습니다.

- 객체의 추가: Object.key = value, Object['key'] = value

- 객체의 삭제: delete Object.key

// 1. 객체 선언 var obj = {}; // 2. 객체 할당 obj = { name: "Hana", age: 25, class: "English" } // 3. 타입 확인 console.log("<<<< 객체 >>>>") console.log("타입: ", typeof(obj)) // 4. 객체의 접근 console.log("name: ", obj['name'], ", age: ", obj.age) // 5. for 반복문 for (var value in obj){ console.log("for in문: ", obj[value]) } // 6. 객체의 추가 obj.phone = '010-1234-4266' console.log("폰번호 추가: ", obj) obj['class'] = ['math', 'english', 'science'] console.log("수업 추가: ", obj) // 7. 객체의 삭제 delete obj.phone; console.log("폰번호 삭제: ", obj)

from http://jigeumblog.tistory.com/63 by ccl(S) rewrite - 2021-10-08 06:02:11