[JavaScript] Date 클래스 함수 / Math 클래스 함수 / JSON 클래스 함수

Date 클래스 함수

 

날짜와 시간이 저장된 객체를 생성하기 위한 클래스 함수이며 Date 클래스 함수의 프로퍼티와 메소드를 제공한다.

---

클라이언트 플랫폼(OS)의 현재 날짜와 시간이 저장된 Date 객체를 생성하여 변수에 저장한다.

var now=new Date();

 

Date.toString() : Date 객체에 저장된 날짜와 시간을 문자값을로 변환하여 반환하는 메소드 

alert("now.toString() = "+now.toString());

//Date 객체가 저장된 변수를 출력하면 toString() 메소드가 자동으로 호출된다.
alert("now = "+now);

 

Date.toLocaleString() : Date 객체에 저장된 날짜와 시간을 클라이언트 플랫폼에 맞는 패턴의 문자값으로 변환하여 반환하는 메소드

alert("now.toLocaleString() = "+now.toLocaleString());

 

Date:getXXX() : Date 객체에 저장된 날짜와 시간 중 원하는 값을 반환하는 메소드

var day=["일","월","화","수","목","금","토"];

var today=now.getFullYear()+"년 "+(now.getMonth()+1)+"월 "
	+now.getDate()+"일 "+day[now.getDay()]+"요일"; 
    
alert("today = "+today);//today = 2023년 6월 8일 목요일

 

---

Date.getTime() : Date 객체에 저장된 날짜와 시간에 대한 초단위 숫자값(TimeStamp)를 반환하는 메소드

 

//매개변수에 날짜와 시간을 전달하여 Date 객체를 생성하여 변수에 저장
var birthday=new Date(2000, 0, 1);//2000년 1월 1일

var interval=(now.getTime()-birthday.getTime())/(1000*60*60*24);
alert("당신은 오늘까지 "+interval+"일 살았습니다.");//당신은 오늘까지 8559.908267361112일 살았습니다.
alert("당신은 오늘까지 "+Math.ceil(interval)+"일 살았습니다.");//당신은 오늘까지 8560일 살았습니다.

 

---

Math 클래스 함수

Math 클래스 함수는 프로토타입 형태로만 존재하기 때문에 객체를 생성하지 않으며, 수학 관련프로퍼티와 메소드를 제공한다.

---

 

Math.PI : 원주율을 저장한 프로퍼티 

alert("Math.PI = "+Math.PI);//Math.PI = 3.141592653589793

 

Math.ceil(number) : 매개변수로 전달받은 숫자값에 소숫점 자리에 값이 있는 경우 올림 처리된 정수값을 반환하는 메소드 

alert("Math.ceil(12.1) = "+Math.ceil(12.1));//Math.ceil(12.1) = 13

 

Math.floor(number) : 매개변수로 전달받은 숫자값에 소숫점 자리에 값이 있는 경우 내림 처리된 정수값을 반환하는 메소드 

alert("Math.floor(12.1) = "+Math.floor(12.1));//Math.floor(12.1) = 12

 

Math.round(number) :  매개변수로 전달받은 숫자값에 소숫점 자리에 값이 있는 경우 반올림 처리된 정수값을 반환하는 메소드 

alert("Math.round(number) = " + Math.round(12.4));//Math.round(number) = 12
alert("Math.round(number) = " + Math.round(12.9));//Math.round(number) = 13

 

Math.pow(number, number) : 매개변수로 전달받은 숫자값에 대한 제곱근을 계산하여 반환하는 메소드

alert("Math.pow(3,5) = "+Math.pow(3,5));//Math.pow(3,5) = 243

 

Math.random() : 0.0보다 크거나 같고 1.0보다 작은 실수 난수값을 반환하는 메소드 

alert("난수값 = "+parseInt(Math.random()*100));//0~99 범위의 정수 난수값 출력

 

---

JSON 클래스 함수

 

JSON 관련 프로퍼티와 메소드를 제공하는 클래스 함수

---

JSON 기능으로 Object 객체를 생성하여 변수에 저장 

var student={"num":1000, "name":"홍길동"}; 
alert("변수의 자료형 = "+typeof(student));//변수의 자료형 = object

 

Object.toString() : 객체를 생성한 클래스를 함수명을 문자값으로 반환하는 메소드  

//Object 객체가 저장된 변수를 출력하면 자동으로 toString() 메소드가 호출된다.

alert("student = "+student);//student = [object Object] >> Object 객체 
alert("학번 = "+student.num+", 이름 = "+student.name);//학번 = 1000, 이름 = 홍길동

 

JSON.stringify(object) : 매개변수로 전달받은 자바스크립트 객체를 JSON 형식의 문자값으로 변환하여 반환하는 메소드
→ REST 웹프로그램을 요청할 경우 자바스크립트 객체를 JSON 형식의 문자값으로 변환하여 전달하기 위해 사용한다.  

var str=JSON.stringify(student);
alert("변수의 자료형 = "+typeof(str));//변수의 자료형 = string
alert("str = "+str);//str = {"num":1000,"name":"홍길동"}

 

 

JSON.parse(string) : 매개변수로 전달받은 JSON 형식의 문자값으로 자바스크립트 객체로 변환하여 반환하는 메소드
→ REST 웹프로그램에 대한 응답결과를 JSON 형식의 문자값으로 제공받아 자바스크립트 객체로 변환하여 사용한다.

var stu=JSON.parse(str);

alert("변수의 자료형 = "+typeof(stu));//변수의 자료형 = object
alert("stu = "+stu);//stu = [object Object]
alert("학번 = "+stu.num+", 이름 = "+stu.name);//학번 = 1000, 이름 = 홍길동

 

JSON.parse() 대신 eval 함수 사용도 가능하다.

var stu=eval("("+str+")");