자바스크립트 객체
객체의 정의
- 객체의 구성:
- 속성(Property)
- 메써드(Method)
- 객체는 키와 값의 쌍으로 복합 정보를 저장
- 객체 저장 형식
- { “키1”: “값1”, “키2”: “값2”, … (생략) }
- 객체의 요소에 접근 방식
- {객체명}.{키} 형식
- 객체의 한 키/값 쌍을 프로퍼티라 함
var student = {
"name":"홍길동", "id":"219xxx", "gender":"남성", "address":"포항시 북구"
}
student.name
student.id
student['name']
var students = [
{'name':'홍길동', 'id':'219xxx'},
{'name':'김아무개', 'id':'218xxx'},
{'name':'최xx', 'id':'220xxx'}
}
student[2].name
var id_name = student[1].id + ' ' + student[1].name
중첩 객체
• 객체의 프로퍼티의 값으로 객체를 가질 수 있음
• 객체 안에 다른 객체 저장 가능
var student = {
name: {
first: '군오',
last:'김'
},
class: ['자바스크립트', '파이썬']
}
student.name.last + student.name.first
내장 객체 : Math, Date
- 자바스크립트에서 자주 사용하는 기능을 미리 구현해 놓은 객체
- Math, Number, Date, Array, Set 등 다양한 내장 객체가 존재
- Math
- 수학적인 상수와 함수를 가진 객체
코드 | 설명 |
Math.PI | 원주율 |
Math.abs(x) | x 의 절대값 |
Math.ceil(x), Math.round(x), Math.floor(x) |
x의 올림, 반올림, 버림 |
Math.sqrt(x) | x 의 제곱근 |
Math.max(x, y, …), Math.min(x, y, …) |
인수 중 가장 큰수, 가장 작은수 |
- Date
- 날짜와 시간을 다루기 위한 객체
코드 | 설명 |
var today = new Date() | 변수 today 에 현재 날짜, 시간을 저장 |
var someday = new Date(‘2019-06-03’) | 변수 someday 에 2019년 6월 3일을 저장 |
today.getFullYear() | today 에 저장되어 있는 날짜의 4자리 연도를 반환 |
today.getMonth() | today 에 저장되어 있는 달을 나타내는 0에서 11 사이의 수를 반환. 0은 1월 |
today.getDate() | today 에 저장되어 있는 날짜의 ‘일’을 반환 |
today.getDay() | today 에 저장되어 있는 날짜의 요일을 나타내는 0에서 6 사이의 수를 반환. 0은 일요일 |
전자시계 만들기
<p id="text" class="content"></p>
<script>
var element = document.getElementById("text");
var tick = function() {
var now = new Date();
var time = now.getHours() + '시' +
now.getMinutes() + '분' +
now.getSeconds() + '초';
element.innerText = time;
};
setInterval(tick, 1000);
</script>