12 Math 객체, String 객체, Date 객체

---

Math객체

 

Math 객체는 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트 내장 객체이다.

 

 

Math 메소드

메소드명	설명
Math.min()	최소값을 반환, 매개변수가 전달되지 않으면 Infinity를 반환함 비교할 수 없는 값이 포함되어 있으면 NaN을 반환함
Math.max()	최대값을 반환, 매개변수가 전달되지 않으면 -Infinity를 반환함 비교할 수 없는 값이 포함되어 있으면 NaN을 반환함
Math.round()	소수점 첫번째 자리에서 반올림하여 반환함
Math.floor()	소수점 첫번째 자리에서 내림
Math.ceil()	소수점 첫번쨰 자리에서 올림
Math.random()	0보다 크거나 같고 1보다 작은 무작위 소수를 반환함

 

예시

    <script>
        'use strict';
        console.log(Math.min()); //Infinity
        console.log(Math.max()); //-Infinity
        console.log(Math.min(1,10,-10,1000,0)); //-10
        console.log(Math.min(1,10,'-10',1000,0));//-10
        console.log(Math.min(1,10,-10,'천',0));//NaN

        console.log(Math.round(10.49)); //10
        console.log(Math.round(10.5)); //11
        console.log(Math.round(-10.5)); //-10
        console.log(Math.round(-10.51)); //-11

        console.log(Math.floor(10.49)); //10
        console.log(Math.floor(10.5)); //10
        console.log(Math.floor(-10.5)); //-11
        console.log(Math.floor(-10.51)); //-11

        console.log(Math.ceil(10.49)); //11
        console.log(Math.ceil(10.5)); //11
        console.log(Math.ceil(-10.5)); //-10
        console.log(Math.ceil(-10.51)); //-10
    </script>

 

 

 

String객체

 

String 객체는 문자열을 쉽게 만들고 다룰 수 있게한다.

 

const str = '자바스크립트';
const str = new String('자바스크립트');

 

문자열의 길이

자바스크립트에서 문자열의 길이는 length 프로퍼티에 저장된다.

 

const str1 = '안녕하세요. JavaScript';
console.log(str1.length); //17

 

 

String 메소드

메소드명	설명
indexOf()	매개변수로 전달된 문자열이 처음 등장하는 위치를 반환
charAt()	매개변수로 전달된 인덱스에 위치한 문자를 반환
includes()	매개변수로 전달된 문자열이 포함되어 있는지 여부를 반환
subString()	매개변수로 전달된 시작 인덱스부터 종료 인덱스 바로 앞까지 문자열을 추출하여 반환 - 변수명.subString(n) : n부터 끝까지 반환 - 변수명.subString(n,m) : n부터 m전까지 반환
subStr()	매개변수로 전달된 시작 인덱스부터 전달된 개수만큼 문자열을 추출하여 반환 - 변수명.subStr(n,m) : n부터 m개만 반환
split()	매개변수로 전달된 구분자를 기준으로 문자열을 나눈 후 하나의 배열에 저장
replace()	원본 문자열을 매개변수로 전달된 문자열로 치환
trim()	문자열의 앞뒤 공백을 제거

 

예시

<script>
        'use strict';
        const str1 = '안녕하세요. JavaScript';
        console.log(str1);
        console.log(str1.length); //17
        console.log(str1.indexOf('J')); //7
        console.log(str1.indexOf('Java')); //7
        console.log(str1.indexOf('j')); //-1 >> 못찾았음
        console.log(str1.indexOf('a')) //8 : 앞에서 부터 탐색
        console.log(str1.lastIndexOf('a')) //10 : 뒤에서 부터 탐색
        console.log(str1.charAt(7)) //J
        console.log(str1.includes('Java'));//true
        console.log(str1.includes('java')); //false
        
        console.log(str1.substring(7)); //7번째 인덱스부터 끝까지
        console.log(str1.substring(7,9)); //7번째 부터 9번전까지 
        console.log(str1.substr(7, 4)); // 7번부터 4개만 가져와라

        const str2 = '사과/딸기/바나나/복숭아/체리/메론'
        const fruit = str2.split('/');
        
        for(let f in fruit){
            console.log(Number(f)+1,fruit[f]);
        }
        /*
        	1 "사과"
		2 "딸기"
		3 "바나나"
		4 "복숭아"
		5 "체리"
		6. "메론"
        */

        console.log(str1.replace('안녕하세요.','반갑습니다!'));
        // 반갑습니다! JavaScript
        
        const str3 = '          javaScript          '
        console.log(`🎄${str3}🎄`);//🎄          javaScript          🎄
        console.log(`🎄${str3.trim()}🎄`);//🎄javaScript🎄
</script>

 

 

Date 객체

 

Date객체는 날짜, 시간등을 쉽게 다룰 수 있는 내장객체이다.

 

자바스크립트에서의 날짜 표현

연도(year)
    2 자리로 표현 : 1900~1999
        const date = new Date(21, 6, 20) // 1921년 7월 20일

    4자리로 표현 : 2000~
        const date = new Date(2021, 6, 20)  // 2021년 7월 20일

월(month)
        범위 0 ~ 11 (1월 ~12월)
        const date = new Date(2021, 5, 20); //2021년 6월 20일


일(day), 시(hour), 분(minute), 초(seconds)

 

 

Date 객체 생성

 

1. new Date() : 현재 날짜 시간을 저장하는 객체가 만들어짐(브라우저 기준)
2. new Date("날짜 문자열") : 해당 날짜 시간을 가리키는 객체가 만들어짐
3. new Date("Timestamp 밀리초") : 1970년 1월 1일 0시 ~ 해당 밀리초만큼 지난 시간의 날짜 객체가 만들어짐
4. new Date(년,월,일,시,분,초,밀리초) : 해당 특정 날짜 시간을 가리키는 객체가 만들어짐

 

예시

<script>
        'use strict';
        console.log(new Date); //Sun Jun 20 2021 16:03:34 GMT+0900 (대한민국 표준시)
        console.log(new Date(21,6,20)); //Wed Jul 20 1921 00:00:00 GMT+0900 (대한민국 표준시)
        console.log(new Date(2021,5,20)); //Sun Jun 20 2021 00:00:00 GMT+0900 (대한민국 표준시)
        console.log(new Date(500000000000)); //Tue Nov 05 1985 09:53:20 GMT+0900 (대한민국 표준시)

        const date = new Date();
        console.log(`현재 년도 : ${date.getFullYear()}`); //현재 년도 : 2021
        console.log(`현재 월 : ${date.getMonth()+1}`); //현재 월 : 7
        console.log(`현재 일 : ${date.getDate()}`); //현재 일 : 2
        
        console.log(`현재 시간 : ${date.getHours()}`);//현재 시간 : 14
        console.log(`현재 분 : ${date.getMinutes()}`);//현재 분 : 21
        console.log(`현재 초 : ${date.getSeconds()}`);//현재 초 : 34
</script>

---

열심히 공부하고 있지만, 오류 사항이 존재 할 수 있습니다.

수정 사항이 존재 할 경우 알려주시면 감사하겠습니다 <(＿＿)>