개인적으로 javascript의 꽃은 객체라고 생각한다.
자바스크립트에서의 객체는 JSON타입의 데이터라고 생각하면 되는데
이 객체 안에는 일반적인 int, string과 같은 데이터 타입외에도 또다른 객체가 들어간다거나 혹은 배열 심지어
함수도 넣어서 사용할 수 있으니 그 활용도가 무궁무진하다.
이 포스팅에서는 배열안에 객체를 넣고 그 객체안에 있는 함수를 호출하여 사용하는 소스코드를 통해서
어떤식으로 객체를 이용하는지 확인해 보고자 한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<input type="button" value="버튼" onclick="test()">
<script>
var test10 = {'tt1':'v1','tt2':'v2','mm1':function(){alert(test10.tt1)}};
var array = ['a1','a2',test10];
function test(){
array[2].mm1();
}
</script>
</body>
</html>
위의 코드의 결과는 아래와 같다.
'웹프로그래밍 > JavaScript' 카테고리의 다른 글
| [Redux] 1. 리덕스 세팅과 개념정리 (0) | 2021.07.27 |
|---|---|
| [JavaScript] XMLHttpRequest를 이용한 바닐라자바스크립트 ajax (0) | 2019.05.14 |
| <JavaScript>html객체의 style값 가져오기 (0) | 2019.05.14 |
| <JavaScript>객체 사용법 (0) | 2019.05.11 |
| <Javascript>배열(Array) 선언및 사용방법 (0) | 2019.05.10 |
댓글