📃표준 내장 객체

표준 내장 객체(Standard Built-in Object)는 자바스크립트가 기본적으로 가지고 있는 객체들을 의미한다. 내장 객체가 중요한 이유는 프로그래밍을 하는데 기본적으로 필요한 도구들이기 때문이다.

Object, Function, Array, String, Boolean, Number, Math, Date, RegExp 의 내장 객체를 가지고 있는데, 반환값을 잘 기억하는 것을 목표로 정리해두려고 한다.

📑String

.length

문자의 길이(숫자)를 반환.

.includes()

대상 문자에 주어진 문자가 포함되어 있는지 확인하여 불린(Boolean)을 반환. 찾기 시작할 위치를 두 번째 인수로 추가할 수 있으며 기본값은 0

const str = 'Good Morning'
//           012345678901

console.log(str.includes('Good', 1)) // false

.indexOf()

대상 문자에서 주어진 문자와 일치하는 첫 번째 인덱스(숫자)를 반환한다. 일치하는 문자가 없으면 -1을 반환

.match()

대상 문자에서 주어진 정규식(RegExp)과 일치하는 배열을 반환.

const str = 'Hello world!'

console.log(str.match(/^.*(?=\s)/gi)) // ['Hello']

.padStart()

대상 문자의 길이(length)가 지정된 길이보다 작으면, 주어진 문자을 지정된 길이가 될 때까지 앞에 붙여 새로운 문자를 반환.

const str = '1234567'

console.log(str.padStart(10, '0')) // '0001234567'
console.log(str) // '1234567'

.padEnd()

대상 문자의 길이(length)가 지정된 길이보다 작으면, 주어진 문자을 지정된 길이가 될 때까지 끝에 붙여 새로운 문자를 반환.

const str = '1234567'

console.log(str.padEnd(10, '0')) // '1234500000'
console.log(str) // '1234567'

.replace()

대상 문자에서 패턴(문자, 정규식)과 일치하는 부분을 교체한 새로운 문자를 반환.

const str = 'Hello, Hello?!'

console.log(str.replace('Hello', 'Hi')) // 'Hi, Hello?!'
console.log(str.replace(/Hello/g, 'Hi')) // 'Hi, Hi?!'
console.log(str) // 'Hello, Hello?!'

대상 문자에서 정규식과 일치하는 첫 번째 인덱스(숫자)를 반환.

.slice()

대상 문자의 일부를 추출해 새로운 문자를 반환한다.
두 번째 인수 직전까지 추출하고, 두 번째 인수를 생략하면 대상 문자의 끝까지 추출한다.

const str = 'Hello world!'
//           012345678901
//          -210987654321

console.log(str.slice(0, 5)) // 'Hello'
console.log(str.slice(6, -1)) // 'world'
console.log(str.slice(6)) // 'world!'
console.log(str) // 'Hello world!'

.split()

대상 문자를 주어진 구분자로 나눠 배열로 반환한다.

const str = 'Hi, Good, Morning'

console.log(str.split(', ')) // ['Hi', 'Good', 'Morning']

.startsWith()

대상 문자가 주어진 문자로 시작하는지 여부를 반환. 탐색할 시작 위치를 지정할 수 있다.

const str = 'Hello world!'

console.log(str.startsWith('Hello')) // true
console.log(str.startsWith('world')) // false
console.log(str.startsWith('world', 6)) // true

.toLowerCase()

대상 문자를 영어 소문자로 변환해 새로운 문자로 반환.

.toUpperCase()

대상 문자를 영어 대문자로 변환해 새로운 문자로 반환.

.trim()

대상 문자의 앞뒤 공백 문자(space, tab 등)를 제거한 새로운 문자를 반환.

const str = '   Good Morning!  '

console.log(str.trim()) // 'Good Morning!'
console.log(str) // '   Good Morning!  '

📑Number

.toFixed()

숫자를 지정된 고정 소수점 표기(자릿수)까지 표현하는 문자로 반환한다.

const num = 3.1415926535

console.log(num.toFixed(2)) // '3.14'
console.log(parseFloat(num.toFixed(2))) // 3.14

Number.isInteger()

숫자가 정수(integer)인지 확인한다. 불린 반환.

Number.isNaN() 또는 isNaN()

주어진 값이 NaN인지 확인한다. 불린 반환. isNaN()보다 더 엄격한 버전으로 ES6에 추가된 Number.isNaN() 사용이 권장된다.

Number.parseInt() 또는 parseInt()

주어진 값(숫자, 문자)을 파싱해 특정 진수(radix)의 정수로 반환한다. Number.parseInt()는 ES6에서 전역 객체의 모듈화를 위해 추가되었다. 10진수가 기본값이 아니기 때문에 꼭 명시하는 것이 좋다.

Number.parseFloat() 또는 parseFloat()

주어진 값(숫자, 문자)을 파싱해 부동소수점 실수로 반환(숫자)한다.
Number.parseFloat()는 ES6에서 전역 객체의 모듈화를 위해 추가됐다.

const str = '3.1415926535'
const num = 3.1415926535

console.log(Number.parseFloat(str)) // 3.1415926535
console.log(Number.parseFloat(num)) // 3.1415926535

📑Math

Math.abs()

주어진 숫자의 절댓값을 반환.

Math.ceil()

주어진 숫자를 올림한 정수를 반환.

Math.floor()

주어진 숫자를 내림한 정수를 반환.

Math.round()

주어진 숫자를 반올림한 정수를 반환.

Math.max()

주어진 숫자 중 가장 큰 숫자를 반환.

Math.min()

주어진 숫자 중 가장 작은 숫자를 반환.

Math.pow()

주어진 숫자의 거듭제곱한 값을 반환.

Math.random()

0이상 1미만의 난수를 반환.

profile
기록하는 습관을 기르고 있습니다.

0개의 댓글