내장객체 Built-in Object

내장객체란?

: 브라우저의 자바스크립트 엔진에 내장된 객체를 말한다.

---

•래퍼 객체 (Wrapper Object)

: 원시값을 필요에 따라서 관련된 빌트인 객체로 변환한다.

const number = 123; // number 원시 타입

//원시타입 다음에 .을 사용하면 원시타입을 감싸고 있는 객체로 감싸진다.
console.log(number.toString()); // Number 객체
// 출력 | 123  // 문자열로 출력됨

const text = 'text'; // string 문자열 원시타입

console.log(text.length); // String 객체
// 출력 | 4  // 문자의 길이

 

•글로벌 객체 (GlobalThis)

: 전역 globalThis 속성은 전역 this 값을 가진 전역 객체를 반환합니다.

 

값 속성
아래 전역 속성은 간단한 값을 반환하며 속성이나 메서드를 가지고 있지 않습니다.

• globalThis
• this
• Infinity
• NaN
• undefined

 

함수 속성
객체에 붙지 않고 전역으로 호출하는 함수로, 반환 값을 호출자에게 바로 반환합니다.

• eval : 문자열형태의 자바스크립트를 값으로 평가함
• isFinite : 숫자의 유한한지 무한한지 확인
• parseFloat : 문자열을 숫자로 변환
• parseInt : 문자열을 숫자로를 정수로 변환

eval('const num = 100; console.log(num)'); // eval함수는 문자열형태의 자바스크립트를 값으로 평가하여 출력!
// 출력 | 100

console.log(isFinite(1)); // isFinite 함수는 숫자의 유한한지 무한한지 확인
// 출력 | true
console.log(isFinite(Infinity)); // Infinity=무한대값
// 출력 | false

console.log(parseFloat('13.57')); // parseFloat 문자열을 숫자로 변환
// 출력 | 13.57
console.log(parseInt('13.57')); // parseInt 문자열을 숫자로를 정수로 변환
// 출력 | 13

• encodeURI : 한글이나 특수문자가 있는 주소를 정해진 다른 문자로 변환해준다.
• decodeURI : 변환한 문자를 다시 한글이나 특수문자가 있는 주소로 변환해준다.
• encodeURIComponent : 부분적인 주소를 변환할때 사용.

// URL에서 한글이나 특수문자는 이스케이프 처리를 해야 한다
const URL = 'https://소피.com';
const encoded = encodeURI(URL);
console.log(encoded);
// 출력 | https://%EC%86%8C%ED%94%BC.com

const decoded = decodeURI(encoded);
console.log(decoded);
// 출력 | https://소피.com

const part = '소피.com';
console.log(encodeURIComponent(part));
// 출력 | %EC%86%8C%ED%94%BC.com

 

•숫자 함수(Number)

Number() : 새로운 Number 값을 생성합니다.

const num1 = 1;
const num2 = new Number(1);
console.log(typeof num1);
// 출력 | number
console.log(typeof num2);
// 출력 | object

• Number.MAX_VALUE : 표현 가능한 가장 큰 양수
• Number.MIN_VALUE : 표현 가능한 가장 작은 양수. 즉, 0보다 크지만 0에 가장 가까운 양수.
• Number.MAX_SAFE_INTEGER : JavaScript에서 안전한 최대 정수.
• Number.MIN_SAFE_INTEGER : JavaScript에서 안전한 최소 정수.
• Number.NaN : "Not a Number"(숫자가 아님)을 나타내는 특별한 값.
• Number.NEGATIVE_INFINITY : 음의 무한대를 나타내는 특수한 값. 오버플로우 시 반환됩니다.
• Number.POSITIVE_INFINITY : 양의 무한대를 나타내는 특수한 값. 오버플로우 시 반환됩니다.

console.log(Number.MAX_VALUE);
// 출력 | 1.7976931348623157e+308
console.log(Number.MIN_VALUE);
// 출력 | 5e-324
console.log(Number.MAX_SAFE_INTEGER);
// 출력 | 9007199254740991
console.log(Number.MIN_SAFE_INTEGER);
// 출력 | -9007199254740991
console.log(Number.NaN);
// 출력 | NaN
console.log(Number.NEGATIVE_INFINITY);
// 출력 | -Infinity
console.log(Number.POSITIVE_INFINITY);
// 출력 | Infinity

🖍지수표기법 : 아주 큰숫자를 간단하게 표기할때 쓴다.

• toExponential() : 숫자를 지수 표시로 나타낸 값 리턴

 

• toFixed() : 반올림하여 문자열로 변환
• toPrecision(): 수의 길이를 제한함 (원하는 자릿수까지 유효하도록 반올림)

const num1 = 102;
console.log(num1.toExponential());
// 출력 | 1.02e+2

const num2 = 1234.12;
console.log(num2.toFixed());
// 출력 | 1234
console.log(num4.toPrecision(5));
// 출력 | 1234.1

더 많은 숫자 함수들은 아래의 MDN 링크 확인해보기!

 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number

Number - JavaScript | MDN

 

•문자열 함수(String)

• length : 문자열의 길이

const text = 'Hello!';
console.log(text.length);
// 출력 | 6

• charAt : 함수로 인덱스값에 접근 할 수 있다.
• indexOf : 문자열이 몇번째 인덱스에 있는지 확인할 수 있다.(처음 부터 확인)
• lastIndexOf : 문자열이 몇번째 인덱스에 있는지 확인할 수 있다. (뒤에서 부터 확인)
• includes : 해당하는 문자열에 특정한 문자가 포함 하는지 확인할 수 있다.
• startsWith : 해당하는 문자열에 특정한 문자로 시작하는지 확인할 수 있다.
• endsWith : 해당하는 문자열에 특정한 문자로 끝나는지 확인할 수 있다.
• toUpperCase : 문자열을 대문자로 변환
• toLowerCase : 문자열을 소문자로 변환
• substring : 특정한 문자열의 위치의 문자를 삭제. 
• slice : 특정한 문자열의 위치의 문자를 삭제.

const text = 'Hello!';

// 문자열의 인덱스로 해당 문자만 출력할 수 있다.
console.log(text[0]);
// 출력 | H
console.log(text[1]);
// 출력 | E
console.log(text[2]);
// 출력 | L

// charAt함수로 문자열의 인덱스값에 해당하는 문자만 출력할 수 있다.
console.log(text.charAt(0));
// 출력 | H
console.log(text.charAt(1));
// 출력 | E

console.log(text.indexOf('l'));
// 출력 | 2
console.log(text.lastIndexOf('l'));
// 출력 | 3

console.log(text.includes('H'));
// 출력 | true
console.log(text.startsWith('He'));
// 출력 | true
console.log(text.endsWith('!'));
// 출력 | true

console.log(text.toUpperCase());
// 출력 | HELLO!
console.log(text.toLowerCase());
// 출력 | hello!

console.log(text.substring(0, 2));
// 출력 | He
console.log(text.slice(2));
// 출력 | llo!
console.log(text.slice(-2));
// 출력 | o!

 

• trim : 공백을 제거하고 문자열만 남기기.
• split : 문자열을 끊어서 나타낼때 사용.

const space = '            space       ';
console.log(space.trim());
// 출력 | space

const longText = 'Nice to meet you';
console.log(longText.split(' '));
[ 'Nice', 'to', 'meet', 'you' ]
console.log(longText.split(' ', 2));
[ 'Nice', 'to' ]

더 많은 문자열 함수들은 아래의 MDN 링크 확인해보기!

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String

String - JavaScript | MDN

 

 

•날짜관련 함수(Date)

• new Date() : 생성자로 호출할 경우 새로운 Date 객체를 반환합니다.
• Date.now() : 1970년 1월 1일 00:00:00 UTC로부터 지난 시간을 밀리초 단위의 숫자 값으로 반환합니다. 윤초는 무시합니다.
• Date.parse() : 날짜를 나타내는 문자열을 분석한 후, 해당 날짜와 1970년 1월 1일 00:00:00 UTC의 시간 차이를 밀리초 단위의 숫자 값으로 반환합니다.

더 많은 날짜관련 함수들은 아래의 MDN 링크 확인해보기!

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Date - JavaScript | MDN

 

---

 

* 참고 문서

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects

Standard built-in objects - JavaScript | MDN