[TIL] Today I Learned : 개념공부 - string <-> number 변환 / 날짜 객체

String <-> Number 변환

자바스크립트는 데이터 타입을 신경쓰지 않는다.

이것은 편할 수는 있지만 자칫하면 오류가 날 수 있다.

 

주의!

+는 둘 중 하나가 문자면 둘 다 문자!

-의 경우, 오로지 숫자에만 사용 되는 연산

 

console.log('200'+'10'); //20010
console.log('200'-'10'); //190
console.log(200+'11'); //20011
console.log('200'+11); //20011
console.log('200'-'안녕'); //NaN

 

---

날짜 객체

var rightNow = new Date();
console.log(rightNow); // 2022-06-23T00:45:06.562Z

2022-06-23T00:45:06.562Z 이것은 사람이 읽기 좋은 표현일 뿐,
일반적으로는 년, 월, 일, 시, 분 ,초 까지도 알 수 있다.

이렇게 new Date( ) 를 통해 현재 시간을 가져온 후

디자이너가 요구하는 날짜 포맷으로 바꾸어줘야한다.
예) 2월 18일 월요일 19:45

 

어떻게 바꾸어줄까?
Date 객체가 갖고 있는 함수로 원하는 값을 가져올 수 있다.

let rightNow = new Date();
let year = rightNow.getFullYear();
let month = rightNow.getMonth()+1;
let date = rightNow.getDate();
let day = rightNow.getDay();
let currentHour = rightNow.getHours();
let currentMin = rightNow.getMinutes();

 

단, getMonth( )는 현재 달보다 1 작은 값을 반환 하므로

현재 달을 추출하고 싶다면 늘 +1을 해주어야한다!

---

getTime

let rightNow = new Date();
let time = rightNow.getTime();

getTime 메서드는 날짜의 밀리초 표현을 반환할 수 있다..

이 메서드를 활용하여 숫자 비교연산을 할 수 있게 된다.

그래서 언제가 더 과거인지 알 수 있다. 값이 더 작으면 과거이다!

---

특정 날짜의 Date

특정 날짜를 매개 변수로 넘겨주면, 해당 날짜의 Date를 반환 받을 수 있다.

let date1 = new Date('December 17, 2019 03:24:00');
let date2 = new Date('2019-12-17T03:24:00');
let date3 = new Date(2019, 5, 1);

console.log(date1); //2019-12-17T03:24:00.000Z
console.log(date2); //2019-12-17T03:24:00.000Z
console.log(date3); //2019-06-01T00:00:00.000Z

---