1. 배열(Array)
- 배열은 대괄호[]를 이용해 선언합니다. 대괄호 안에는 'value(값)'만 입력합니다.
- 배열의 값들은 element(요소)라고 부릅니다.
- 배열의 요소들은 순서로 구분이 되므로, 인덱스를 이용하여(array[0]) 접근합니다.
- 일반 for 반복문을 사용하여 값을 추출할 수 있습니다.
- 배열의 추가: push() → 요소를 맨 뒤에 추가, unshift() → 요소를 맨 앞에 추가
- 배열의 삭제: pop() → 맨 뒤 요소를 삭제, shift() → 맨 앞 요소를 삭제
<html>
<head>
</head>
<body>
<script type="text/javascript">
// 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)
</script>
</body>
</html>
2. 객체(Object)
- 객체는 중괄호{}를 이용해 선언합니다. 중괄호 안에는 'key(이름)'와'value(값)'를 입력합니다.
- 객체의 값들은 property(속성)이라고 부릅니다.
- 객체의 속성들은 'key(이름)'로 구분이 되므로, key를 이용하여(object[key] 또는 object.key) 접근합니다.
- for in 반복문을 사용해서 값을 추출할 수 있습니다.
- 객체의 추가: Object.key = value, Object['key'] = value
- 객체의 삭제: delete Object.key
<html>
<head>
</head>
<body>
<script type="text/javascript">
// 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)
</script>
</body>
</html>
'지금, 개발하기 > Javascript' 카테고리의 다른 글
| Javascript] 객체의 key(프로퍼티 이름), value(프로퍼티 값) 출력하기 (1) | 2022.01.12 |
|---|---|
| Javascript] 함수 표현식, 화살표 함수표현식 (1) | 2021.10.12 |
| javascript] 객체 반복문, for문으로 객체에서 key value 꺼내기 (1) | 2021.10.06 |
| Javascript] JSON과 JavaScript object 차이점 (0) | 2021.09.29 |
| Javascript] 화살표 함수 사용하기 (peat. Array.prototype.some()) (0) | 2021.09.28 |
