[JavaScript] 11. 내장 객체(Math, String, Data)

● Math 객체 

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

min()	인수로 전달 받은 값 중에서 가장 작은 수를 리턴합니다. 인수를 전달되지 않으면 Infinity를 리턴합니다. 또한, 인수 중에서 비교할 수 없는 값이 포함되어 있으면 NaN을 리턴합니다.
max()	인수로 전달 받은 값 중에서 가장 큰 수를 리턴합니다. 인수가 전달되지 않으면 -Infinity를 리턴합니다. 또한, 인수 중에서 비교할 수 없는 값이 포함되어 있으면 NaN을 리턴합니다.
round()	인수로 전달 받은 값을 소수점 첫번째 자리에서 반올림하여 그 결과를 리턴합니다.
floor()	인수로 전달 받은 값과 같거나 작은 수 중에서 가장 큰 정수를 리턴합니다.
ceil()	인수로 전달 받은 값과 같거나 큰 수 중에서 가장 작은 정수를 리턴합니다.
random()	0보다 크거나 같고 1보다 작은 무작위의 소수를 리턴합니다.

 

예시 1) min() / max()

<script>
        'use strict'
        console.log(Math.min());
        console.log(Math.min(1, 10, -10, 1000, 0)); 
        console.log(Math.min(1, 10, -10, "-1000", 0)); 
        console.log(Math.min(1, 10, -10, "문자열", 0)); 
        console.log(Math.max());
</script>

예시 2) round()

<script>
        'use strict'
        console.log(Math.round(10.49));
        console.log(Math.round(10.5));
        console.log(Math.round(-10.5));
        console.log(Math.round(-10.51));
</script>

예시 3) floor()

<script>
        'use strict'
        console.log(Math.floor(10.49));
        console.log(Math.floor(10.5));
        console.log(Math.floor(-10.5));
        console.log(Math.floor(-10.51));
</script>

예시 4) ceil()

<script>
        'use strict'
        console.log(Math.ceil(10.49));
        console.log(Math.ceil(10.5));
        console.log(Math.ceil(-10.5));
        console.log(Math.ceil(-10.51));
</script>

예시 5) random()

<script>
        'use strict'
        let rm = Math.random();
        console.log(rm);
        console.log(rm * 10);
        console.log(Math.round(rm * 10));
        console.log(Math.ceil(rm * 10));
        // 가능 범위 : 1 ~ 10
        console.log(Math.floor(rm * 10) + 1);
        // 로또번호 1개
        const lotto = Math.floor(rm * 45) + 1;
        console.log(`1 ~ 45 로또번호 1개 추출 : ${lotto}`);
</script>

 

 

● String 객체 

자바스크립트에서 문자열을 손쉽게 만들 수 있는 객체입니다. 또한, 문자열을 쉽게 다룰수 있습니다.

 

const str = 'JavaScript';
const strObj = new String('JavaScript');        // 래퍼객체

(str == strObj);        // true
(str === strObj);        // false

 

* 문자열의 길이는 length 프러퍼티에 저장됩니다.

indexOf()	특정 문자나 문자열이 처음으로 등장하는 위치를 리턴합니다.
chatAt()	특정 문자열에서 전달 받은 인덱스에 위치한 문자를 리턴합니다.
includes()	특정 문자열에서 전달 받은 문자열이 포함되어 있는지 여부를 리턴합니다.
substring()	전달받은 시작 인덱스부터 종료 인덱스 바로 앞까지 문자열을 추출하여 새로운 문자열을 리턴합니다.
substr()	전달받은 시작 인덱스부터 전달받은 개수만큼 문자열을 추출하여 새로운 문자열을 리턴합니다.
split()	전달받은 시작 인덱스부터 전달받은 개수만큼 문자열을 추출하여 새로운 문자열을 리턴합니다.
replace()	구분자를 기준으로 나눈 후 나뉜 문자열을 하나의 배열에 저장합니다.
trim()	문자열의 앞뒤 공백을 제거합니다.
toUpperCase()	영문자 중 소문자를 모두 대문자로 변환합니다.
toLowerCase()	영문자 중 대문자를 모두 소문자로 변환합니다.

 

예시 1) length

<script>
        'use strict'
        let str1 = '안녕하세요. JavaScript';
        console.log(str1.length);
</script>

예시 2) indexOf()

<script>
        'use strict'
        let str1 = '안녕하세요. JavaScript';
        console.log(str1.indexOf('j')); // 없기 때문에 -1 
        console.log(str1.indexOf('a')); // 중복될 경우 첫번째글자를 확인해준다.
</script>

예시 3) charAt()

<script>
        'use strict'
        let str1 = '안녕하세요. JavaScript';
        console.log(str1.charAt(8));
</script>

예시 4) includes()

<script>
        'use strict'
        let str1 = '안녕하세요. JavaScript';
        console.log(str1.includes('java')); // 대소문자 구분
        console.log(str1.includes('Java'));
</script>

예시 5) substring() / substr()

<script>
        'use strict'
        let str1 = '안녕하세요. JavaScript';
        console.log(str1.substring(7)); // 7번부터 끝까지
        console.log(str1.substring(7, 11)); // 7-11번까지
        console.log(str1.substr(7, 4));
</script>

예시 6) division

<script>
        'use strict'
        let str1 = '안녕하세요. JavaScript';
        let division = str1.split(" ");
        for(let str of division){
            console.log(str);
        }
</script>

예시 7) replace()

<script>
        'use strict'
        let str1 = '안녕하세요. JavaScript';
        console.log(str1.replace('안녕하세요.', 'Hello!'));
</script>

예시 8) trim()

<script>
        'use strict'
        let str2 = '            JavaScript                 ';
        console.log(`|${str2.trim()}|`);
</script>

예시 9) toLowerCase() / toUpperCase()

<script>
        'use strict'
        let str2 = '            JavaScript                 ';
        console.log(str2.toLowerCase());
        console.log(str2.toUpperCase());
</script>

 

 

● Data 객체 

시간, 날짜등을 쉽게 처리할 수 있습니다.

 

1. 연도(year)
        1) 1900 ~ 1999년 : 2자리로 표현 
        2) 2000 ~ : 4자리로 표현
2. 월(month)
        1월(0) ~ 12월(11)
3. 시(hour)
        0 ~ 24시
4. 분(minute)
        0분 ~ 59분
5. 초(seconds)
        0초 ~ 59초

 

* Date 객체 생성 *

new Date()	현재 날짜 시간을 저장한 객체
new Date("날짜 문자열")	해당 특정 날짜와 시간을 가리키는 객체가 만들어집니다. ex) "2020-09-16 15:20:00"
new Date("밀리초")	1970년 1월 1일 0시 ~ 해당 밀리초만큼 지난 날짜 객체가 만들어집니다.
new Date(년, 월, 일, 시, 분, 초, 밀리초)	해당 특정 날짜 시간을 가리키는 객체가 만들어집니다.

 

예시 1)

<script>
        'use strict'
        console.log(new Date());
</script>

예시 2)

<script>
        'use strict'
        console.log(new Date(20, 9, 16));   // 1920년 10월 16일
</script>

예시 3)

<script>
        'use strict'
        console.log(new Date(2020, 8, 16, 15, 30, 0));
</script>

예시 4)

<script>
        'use strict'
        console.log(new Date(2000000000000));
</script>