Hell路 World 삐약-
Do it 자바스크립트 4-1. 객체. 자주쓰는 내장객체 Date(), Math() 본문
자바스크립트

Do it 자바스크립트 4-1. 객체. 자주쓰는 내장객체 Date(), Math()

날으는쏘피 2021. 7. 13.
728x90

출처 : Do it 자바스크립트 + 제이쿼리 입문(이지스퍼블리싱)

 

 

객체란?
자바스크립트는 객체(Object) 기반 언어입니다. 객체는 기능과 속성을 가지고 있습니다.
가령, TV에는 켜다, 끄다, 음소거하다, 볼륨을 높이다, 볼륨을 낮추다 등의 기능이 있습니다.
이렇듯 TV라는 객체에는 다양한 기능이 있습니다. 이러한 주변의 모든 사물들을 객체라고 합니다.

 

 

 

기본형
객체.메서드(); //객체의 메서드를 실행한다
객체.속성; // 객체의 속성값을 가져온다 
객체.속성 = 값; //객체의 속성값을 바꾼다

 

 

▶ 날짜 정보 객체 Date()

 

let now = new Date();
let year = now.getFullYear(); 	//연도
let month = now.getMonth()+1; 	//달
let date = now.getDate(); 	//일
let day = now.getDay(); 	//요일
let hour = now.getHours();	//시간
let min = now.getMinutes();	//분
let sec = now.getSeconds();	//초
let msec = now.getMilliseconds();//밀리초


document.write(`오늘은 ${year}년 ${month}월 ${date}일 현재 시간은 ${hour}시 ${min}분 ${sec}초입니다`)

 

위 처럼 코딩하면 아래와 같은 화면이 나타난다

 

 

Date()객체에서 주의깊게 봐야할 점은 +1 해줘야 현재 달이 나오는 것이다. 

 

이 코드에 간단하게 setInterval을 추가하면 디지털시계를 만들 수 있는데 지금은 피곤하니까 다음에 해보는걸로...ㅠ

 

 

 

▶ 수학 객체 Math()

 

Math객체에는 여러가지 메서드가 있지만 그중에서도 종종 쓸법한(ㅋㅋㅋ) 메서드는 아래 4개정도

Math.random() // 0~1사이의 난수를 반환한다
Math.round(숫자) // 소수점 첫째 자리에서 반올림해 정수 반환
Math.ceil(숫자) // 소수점 첫째 자리에서 무조건 올림하여 정수 반환
Math.floor(숫자) // 소수점 첫째 자리에서 무조건 내림하여 정수 반환

 

let num = 7.62685;

let round = Math.round(num); 	// 반올림값 8
let ceil = Math.ceil(num); 	// 무조건 반올림 8
let floor = Math.floor(num); 	// 무조건 반내림 7


let randomNum = Math.random()*10 // 0~10까지의 실수로 난수 반환 
//randomNum은 x.xxxxxx 식의 난수가 반환되는데 이를 정수로 바꾸려면 위의 반올림 메서드를 쓴다
let num = Math.floor(randomNum);
반응형

 

이를 응용해서 사용자 인증코드라던가 랜덤한 몇자리의 숫자를 생성하는 게 가능하다

 

※ 난수를 발생하여 원하는 구간 정수의 값 구하기

Math.floor(Math.random()*(max - min +1))+min;

 

let num = Math.floor(Math.random()*10000); 
//0부터 9999까지의 정수를 반환, floor가 반내림 메서드이기때문에 10000은 포함 안된다
document.write(num);


		//Math.floor(Math.random()*(max - min +1))+min;
let fourDigit = Math.floor(Math.random()*(9999-1000+1))+1000;
//1000(min)부터 9999(max)까지의 랜덤한 4자리 숫자를 반환한다
document.write(fourDigit);

 

화면으로 보면 아래처럼 num은 0부터 9999중 랜덤한 숫자가 생성되고 fourDigit은 4자리 숫자만 랜덤하게 생성된다

 

 

 

 

 

 


공부하며 정리하는 초보 개발자입니다.

포스팅 내용에 잘못된 점이나 더 좋은 방법이 있다면 댓글로 알려주시면 감사하겠습니다 :)

728x90
Comments