[TIL] 데일리 학습 - 221024

멤버

MDN 문서를 참고할 때, 메소드가 프로토타입에 붙어있는지 정적 메소드인지 확인하는 것이 필요함

휴지통이 붙어있는 것은 폐기된 메소드

폴리필

하위호환성을 지원하는 코드

메소드

.length

.includes()

대상 문자(str)에 주어진 문자(인수)가 포함되어 있는지 확인함

불린 데이터로 반환

찾기 시작할 위치를 두번째 인수로 추가할 수 있음

• 기본값은 0

const str = 'Hello world!'

console.log(str.includes('Hello', 1)) // 'ello world!' 이기 때문에 False

.indexOf()

대상 문자에서 주어진 문자와 일치하는 첫 번째 인덱스를 반환

일치하는 문자가 없으면 -1을 반환

const str = 'Hello World!'

console.log(str.indexOf('World!')) // 6
// 과거에는 포함하는지 포함하지 않는지를 비교할 때도 사용 -> includes를 사용하게 됨
if(str.indexOf('World!') === -1){
	// 실행문
}

.match()

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

const str = 'Hello world!'
console.log(str.match(/^.*(?=\s)/gi))

.padStart()

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

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

.padEnd()는 뒤에 해당 문자를 붙여서 길이를 만듬

.replace()

대상 문자에서 패턴과 일치하는 부분을 교체한 새로운 문자를 반환

기존의 데이터를 변경하는 게 아님 (원본은 수정되지 않음)

const str = 'Hello world'

console.log(str.replace('Hello', 'Hi'))

.search()

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

const str = 'Hello world'

console.log(str.search(/\s/)) // \는 이스케이프처리 \s는 공백 문자를 의

.slice()

대상 문자의 일부를 추출해 새로운 문자를 반환합니다.

두 번째 인수 직전까지 추출하고, 두 번째 인수를 생략하면 대상 문자의 끝까지 추출합니다.

const str = 'Hello world!'

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

.split()

대상 문자를 주어진 구분자로 나누어 배열로 반환합니다.

const str = 'Apple, Banana, Cherry'
console.log(str.split(', ')) // ['Apple', 'Banana', 'Cherry']

const str ='Apple'
console.log(str.split().reverse) //['e','p','p','p','A']
console.log(str.split().reverse.join('')) //'epppA'

.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()

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

const str = 'Apple, Banana, Cherry'

console.log(str.toLowerCase()) //'apple, banana, cherry'

.toUpperCase()

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

const str = 'Apple, Banana, Cherry'

console.log(str.toLowerCase()) //'APPLE, Banana, CHERRY'

.trim()

문자의 공백을 날릴 수 있음

Number

.toFixed()

숫자를 지정된 고정 소수점 자리수까지 표현하는 문자로 반환

const num = 3.1415926535

console.log(num.toFixed(2)) // '3.14' 문자 데이터로 반환
console.log(parseFloat(num.toFixed(2))) // 3.14 

.toLocaleString()

숫자를 현지 언어 형식의 문자로 반환

const num = 1000000

console.log(num.toLocaleString()) // '1,000,000'
console.log(`${num.toLocaleString()}원`) // '1,000,000원'  

Number.isInteger()

숫자가 정수인지 확인

const num  = 123
const pi = 3.14

console.log(Number.isInteger(num)) // true
console.log(Number.isInteger(pi)) // false

Number.isNaN() 또는 isNaN()

주어진 값이 NaN인지 확인

Number.isNaN()를 사용하는 것을 권장함

isNaN()은 전역 함수

Number.isNaN() 해당 블록 안에서

NaN은 숫자 데이

const num1 = NaN

Number.parseInt() 또는 parseInt()

주어진 값을 파싱해 특정 진수의 정수로 반환합니다.

10진수가 기본값이 아니기 때문에 꼭 명시하는 것이 좋습니다.

const str = '11.1111111111'

console.log(Number.parseInt(str, 10)) //11

다음과 같은 경우 NaN을 반환

• 진수 값이 2보다 작거나, 36보다 큰 경우
• 공백이 아닌 첫 문자를 숫자로 변환이 불가능한 경우

Number.parseFloat() 또는 .parseFloat()

주어진 값을 파싱해 부동소수점 실수로 반환합니다.

const str = '3.13344'
console.log(parseFloat(str)) 3.13344

Math.ceil()

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

console.log(Math.ceil(1.1111111111)) //2

Math.floor()

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

Math.round()

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

Math.max()

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

console.log(Math.max(1,22,333)) // 333
// 숫자를 쉼표로 구분해서 2개 이상 인수로 주어야함

Math.min()

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

console.log(Math.min(1,22,333)) // 1

Math.pow()

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

console.log(Math(10, 2)) // 10^2 = 100 

Math.random()

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

console.log(Math.random())

Date

개요

new Date()를 통해, 반환되는 인스턴스를 타임스탬프라고 합니다.

타임스탬프는 문자데이터 형태

new Date(년도, +1에 해당하는월, 날짜, 시, 분 ,초)

.getFullYear() & .setFullYear()

날짜 인스턴스의 연도를 반환하거나 지정합니다.

숫자 데이터로 반환

date.getFullYear() // 년도 숫자

date.setFullYear(2023)

.getMonth() & .setFullYear()

날짜 인스턴스의 월을 반환하거나 지정합니다.

0부터 시작하는 것을 주의!

date.getMonth() //월+1에 해당하는 월

date.setMonth(0) // 1월

.getMinutes() & .setMinutes()

날짜 인스턴스의 분을 반환하거나 지정합니다.

date.getMinutes() 

date.setMinutes(0)

.getDay()

날짜 인스턴스의 요일을 숫자로 반환합니다.

일 월 화 수 목 금 토

0 1 2 3 4 5 6

const day = date.getDay()

function getDayKo(day) {
	switch (day){
		case:0 return 'Monday' 
	}
}

.getTime & .setTime

유닉스타임부터 경과한 날짜 인스턴스의 밀리초(ms)로 반환하거나 지정합니다.

단순 숫자데이터 ⇒ 비교연산자를 통해서 비교하도록 도와줌

setTimeout(() => {
	date2 = new Date()
	console.log(date1, date2)
	if (date1.getTime > date2.setTime){
		console.log('date1이 date2 보다 더 이후다')
	} else {
		console.log('date2가 date1보다 더 이후다')
	}
})

.toUTCString

날짜 인스턴스의 협정 세계시를 반환

그리니치 평균시(GMT) 기준, 영국 런던 기점, 뉴질랜드 웰링턴 종점의 기준시

한국은 UTC보다 9시간 빠름

new Date().toUTCString() // GMT 기준 시간

.toISOString

날짜 인스턴스의 협정 세계시(UTC)를 ISO8601 포맷으로 반환

이는 날짜와 시간을 표현하는 국제 표준 규격입니다.

Date.now()

유닉스 타임으로부터 메소드가 호출될 때의 경과한 시간을 밀리초로 반환

유닉스 타임이란 1970년 1월 1일 00시 00분 00초로부터 현재까지의 누적된 초 값을 의미