by Kyojin Hwang
// string 글자 갯수
const str = 'Hello world!'
console.log(str.length) // 12
📌includes()
// .includes()
// 대상 문자에 주어진 문자가 포함되어 있는지 확인한다. 반환값(boolean)
includes(searchString, position)
searchString
position
searchString
을 찾기 시작할 위치.예제
const str = 'Hello world!'
console.log(str.includes('Hello')) // true
console.log(str.includes('hello')) // false
console.log(str.includes('Hello', 0)) // true
console.log(str.includes('Hello', 1)) // false
// 조건문으로 사용하기
if (!str.includes('Kyo')) {
console.log('Kyo 는 없습니다.')
}
📌indexOf()
// .indexOf()
// 대상 문자에 주어진 문자와 일치하는 첫 번째 인덱스(숫자)를 반환한다.
// 일치하는 문자가 없다면 '-1'을 반환한다.
str.indexOf(searchValue[, fromIndex])
searchValue
fromIndex
예제
const str = 'Hello world!'
// 값이 있는지 없는지
console.log(str.indexOf('Hello')) // 0
console.log(str.indexOf('Kyo')) // -1
// 몇번째부터 시작하고 있는지
console.log(str.indexOf('world')) // 6
// 조건문으로 사용하기
if (str.indexOf('Kyo') === -1) {
console.log('Kyo 는 없습니다.')
}
📌padEnd()
// .📌padEnd()
// 대상 문자의 길이(length)가 지정된 길이보다 작으면,
// 주어진 문자를 지정된 길이까지 끝에 붙여 새로운 문자를 반환한다.
str.padEnd(targetLength [, padString])
targetLength
padString
예제
const str = '1234567'
const str2 = '1234567890123'
// 문자 길이가 10개 될때까지 0으로 채운다
console.log(str.padEnd(10, '0')) // 1234567000
// 초과하면 원래값 유지
console.log(str2.padEnd(10, '0')) // 1234567890123
📌padStart()
// .padStart()
// 대상 문자의 길이(length)가 지정된 길이보다 작으면,
// 주어진 문자를 지정된 길이까지 앞쪽에 붙여 새로운 문자를 반환한다.
str.padStart(targetLength [, padString])
targetLength
목표 문자열 길이. 현재 문자열의 길이보다 작다면 채워넣지 않고 그대로 반환.
padString
예제
const str = '1234567'
const str2 = '1234567890123'
// 문자 길이가 10개 될때까지 0으로 채운다
console.log(str.padStart(10, '0')) // 0001234567
// 초과하면 원래값 유지
console.log(str2.padStart(10, '0')) // 1234567890123
📌replace()
// .replace()
// 대상 문자에서 패턴(문자, 정규식)과 일치하는 부분을 교체하여 새로운 문자를 반환한다.
str.replace(pattern, replacement)
pattern
replacement
예제
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?!
예제(replaceAll : 정규식을 사용하지않고 전체 바꾸고 싶을때)
const str = 'Hello, Hello?!'
console.log(str.replaceAll('Hello', 'Hi')) // Hi, Hi?!
📌slice()
// .slice()
// 대상 문자의 일부를 추출하여 새로운 문자를 반환한다.
// 두 번째 인수 직전까지 추출하고, 두 번째 인수를 생략하면 대상 문자의 끝까찌 추출한다.
str.slice(indexStart)
str.slice(indexStart, indexEnd)
indexStart
indexEnd
예제
const str = 'Hello wrold!'
console.log(str.slice(0, 5)) // Hello
console.log(str.slice(6, -1)) // wrold
console.log(str.slice(6)) // wrold!
📌split()
// .split()
// 대상 문자를 주어진 구분자로 나눠 배열로 반환한다.
split(separator)
str.split(separator, limit)
separator
limit
예제
const fruit = 'Melon, Apple, Banana'
console.log(fruit.split(',')) // ['Melon', ' Apple', ' Banana']
console.log(fruit.split(',', 1)) // ['Melon']
console.log(fruit.split(',', 2)) // ['Melon', ' Apple']
console.log(fruit.split(',', 3)) // ['Melon', ' Apple', ' Banana']
📌 toLowerCase()
// .toLowerCase()
// 대상 문자를 모두 영어 소문자로 변환해 새로운 문자로 반환한다.
toLowerCase()
예제
const str = 'APPLE, Banana, CHeRRy'
console.log(str.toLowerCase()) // apple, banana, cherry
📌toUpperCase()
// .toUpperCase()
// 대상 문자를 모두 영어 대문자로 변환해 새로운 문자로 반환한다.
toUpperCase()
예제
const str = 'APPLE, Banana, CHeRRy'
console.log(str.toUpperCase()) // APPLE, BANANA, CHERRY
📌trim()
// .trim()
// 대상 문자의 앞뒤 공백 문자(space, tab 등)를 제거한 새로운 문자를 반환한다.
trim()
예제
const str = ' Hey Kyo Come on! '
console.log(str.trim()) // Hey Kyo Come on!
// 한글포함 test
const str2 = ' Kyo 진아 여기로와! '
console.log(str2.trim()) // Kyo 진아 여기로와!
📌toFixed()
// .toFixed()
// 숫자를 지정된 고정 소수점 표기(자릿수)까지 표현하는 문자로 반환한다.
numObj.toFixed([digits])
digits
예제
const num = 3.1414926535
// 문자데이터
console.log(num.toFixed(2)) // 3.14 문자타입
//parseFloat 으로 숫자데이터로 변경
console.log(parseFloat(num.toFixed(2))) // 3.14 숫자타입
📌toLocaleString()
// .toLocaleString()
// 숫자를 현지 언어 형식의 문자로 반환한다.
toLocaleString()
예제
const num = 1000000
console.log(num.toLocaleString()) // 1,000,000
console.log(`${num.toLocaleString()}원`) // 1,000,000원
📌isInteger()
// .Number.isInteger()
// 숫자가 정수 인지 확인한다.
Number.isSafeInteger(testValue)
return
예제
const num = 123
const pi = 3.14
console.log(Number.isInteger(num)) // true
console.log(Number.isInteger(pi)) // false
📌parseInt()
// .parseInt()
// 주어진 값을 파싱해 특정 진수의 정수로 반환한다.
Number.parseInt(string)
Number.parseInt(string, radix)
string
radix
예제
const str = '123'
const num = 3.14
// number 데이터
console.log(Number.parseInt(str, 10)) // 123
console.log(Number.parseInt(num, 10)) // 3
📌abs()
// Math.abs()
// 주어진 숫자의 절댓값을 반환한다.
Math.abs(x)
x
반환값
예제
console.log(Math.abs(2)) // 2
console.log(Math.abs(-2)) // 2
📌ceil()
// Math.ceil()
// 주어진 숫자를 올림해 정수를 반환한다.
Math.ceil(x)
x
반환값
예제
console.log(Math.ceil(3.1415926535)) // 4
console.log(Math.ceil(-1.5)) // -1
📌floor()
// Math.floor()
// 주어진 숫자를 내림해 정수를 반환한다.
Math.floor(x)
x
반환값
예제
console.log(Math.floor(3.815926535)) // 3
console.log(Math.floor(3.415926535)) // 3
console.log(Math.floor(-1.1)) // -2
console.log(Math.floor(-1.7)) // -2
📌round()
// Math.floor()
// 주어진 숫자를 반올림하여 정수를 반환한다.
Math.round(x)
x
반환값
예제
const num1 = 3.5
const num2 = 3.4
console.log(Math.round(num1)) // 4
console.log(Math.round(num2)) // 3
📌max()
// Math.max()
// 주어진 숫자 중 가장 큰 숫자를 반환한다.
Math.max()
Math.max(값0)
Math.max(값0, 값1)
Math.max(값0, 값1, ... , 값N)
값1, 값2, ..`
예제
console.log(Math.max(1, 20, 40, 100)) // 100
📌min()
// Math.min()
// 주어진 숫자 중 가장 작은 숫자를 반환한다.
Math.max()
Math.max(값0)
Math.max(값0, 값1)
Math.max(값0, 값1, ... , 값N)
값1, 값2, ..`
예제
console.log(Math.min(-10, 1, 20, 40, 100)) // -10
📌pow()
// Math.pow()
// 주어진 숫자의 거듭제곱한 값을 반환한다.
Math.pow(base, exponent)
base
exponent
예제
console.log(Math.pow(2, 2)) // 4
console.log(Math.pow(5, 3)) // 125
📌random()
// Math.pow()
// 숫자 0 이상, 1 미만의 난수를 반환한다.
Math.random()
반환 값
예제
console.log(Math.random()) // 0.0919170172899968
// 1. 0 ~ 10을 포함한 정수 난수 얻는 함수
function random1() {
return Math.floor(Math.random() * 10) + 1
}
// 2. 특정 범위의 랜덤 정수를 얻는 함수
function random2(min = 0, max = 10) {
return Math.floor(Math.random() * (max - min)) + min
}
// 1부터 10까지
console.log(random1())
// 0부터 10까지
console.log(random2())
// 1부터 20까지
console.log(random2(11, 20))
// 101부터 999까지
console.log(random2(101, 999))