자바스크립트 표준 내장 객체 - String, Number, Math

임채은·2023년 6월 2일
0

js

목록 보기
7/8

01 문자 (String)

1-1) length

  • 문자열의 길이를 나타냅니다.
  • 반환타입 : Number
const str = "Hello world!";

console.log(str.length);  // 12

1-2) includes(str, pos)

  • 대상 문자열의 pos 위치부터 str 문자열이 포함되어 있는지 확인합니다.
  • 입력타입 : String, Number
  • 반환타입 : Boolean
const str = "Hello world!";
const str = "Hello world!";

console.log(str.includes("Hello"));  // true
console.log(str.includes("hello"));  // false
console.log(str.includes("Hello", 1));  // false

1-3) indexOf(str, pos)

  • 대상 문자열의 pos 위치부터 str 문자열과 일치하는 첫번째 인덱스를 반환합니다.
    일치하는 문자열이 없으면 -1 을 반환합니다.
  • 입력타입 : String ,Number
  • 반환타입 : Number
const str = "Hello world!";

console.log(str.indexOf("world"));  // 6
console.log(str.indexOf("worlD"));  // -1
console.log(str.indexOf("world", 9));  // -1

1-4) padStart(len, str) 와 padEnd(len, str)

  • 대상 문자의 길이가 len 보다 작으면, str 문자를 len 길이까지
    앞/끝 에 붙여 새로운 문자을 반환합니다.
  • 입력타입 : Number, String
  • 반환타입 : String
const str = "123";

console.log(str.padStart(5, "0"));  // 00123
console.log(str.padStart(3, "0"));  // 123
console.log(str.padEnd(5, "0"));  // 12300
console.log(str.padEnd(3, "0"));  // 123

1-5) replace(pattern, str)

  • 대상 문자에서 pattern 과 일치하는 부분을 교체한 새로운 문자를 반환합니다.
  • 입력타입 : String 혹은 정규식, String
  • 반환타입 : String
const str = "Hello, Hello?!";

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

1-6) slice(start, end)

  • 대상 문자열의 start 인덱스부터 end-1 인덱스까지 추출하여 새로운 문자를 반환합니다.
  • 입력타입 : Number, Number
  • 반환타입 : String

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

const str = "Hello world!";

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

1-7) split(str)

  • 대상 문자를 str 구분자로 나누어 배열로 반환합니다.
  • 입력타입 : String
  • 반환타입 : Array
const str = "Apple, Banana, Cherry";

console.log(str.split(", "));  // ["Apple", "Banana", "Cherry"]
console.log(str.split(","));  // ["Apple", " Banana", " Cherry"]

1-8) toUpperCase() 와 toLowerCase()

  • 대상 문자열을 영어 대문자/소문자 로 반환해 새로운 문자로 반환합니다.
  • 입력값 : X
  • 반환값 : String
const str = "Apple, Banana, Cherry";

console.log(str.toLowerCase());  // apple, banana, cherry
console.log(str.toUpperCase());  // APPLE, BANANA, CHERRY

1-9) trim()

  • 대상 문자열의 앞뒤 공백 문자(space, tab 등)를 제거한 새로운 문자를 반환합니다.
  • 입력값 : X
  • 반환값 : String
const str = "    Hello~    ";

console.log(str.trim());  // Hello~



02 숫자

2-1) toFixed(num)

  • 대상 숫자를 소수점 num 자릿수까지 표현하는 문자열로 반환합니다. (반올림)
  • 입력타입 : String
  • 반환타입 : Number
const pi = 3.1415926535;

console.log(pi.toFixed(2));  // 3.14
console.log(pi.toFixed(4));  // 3.1416

2-2) toLocaleString()

  • 대상 숫자를 현지 언어 형식의 문자열로 반환합니다.
  • 입력타입 : X
  • 반환타입 : String
const num = 1000000;

console.log(num.toLocaleString());  // 1,000,000

2-3) Number.isInteger(num)

  • num 이 정수인지 확인합니다.
  • 입력타입 : Number
  • 반환타입 : Boolean
const num = 123;
const pi = 3.14;

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

2-4) Number.isNaN(num)

  • num 이 NaN 인지 확인합니다.
  • 입력타입 : 모든 타입
  • 반환타입 : Boolean
const num1 = NaN;
const num2 = 123;
const str = "Hello world!";
const data1 = null;
const data2 = undefined;

console.log(Number.isNaN(num1));  // true
console.log(Number.isNaN(num2));  // false
console.log(Number.isNaN(str));  // false
console.log(Number.isNaN(data1));  // false
console.log(Number.isNaN(data2));  // false

2-5) Number.parseInt(num1, num2) 또는 parseInt(num1, num2)

  • num1을 num2 진수의 정수로 반환합니다.
  • 입력타입 : Number, String
  • 반환타입 : Number
const str = "3.1415926535";
const num = 3.1415926535;

console.log(parseInt(str, 10));  // 3
console.log(parseInt(num, 10));  // 3

2-6) Number.parseFloat(num) 또는 parseFloat(num)

  • num 을 부동소수점 실수로 반환합니다.
  • 입력타입 : Number, String
  • 반환타입 : Number
const str = "3.1415926535";
const num = 3.1415926535;

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



03 수학

3-1) Math.abs(num)

  • num 값을 절대값으로 반환합니다.
  • 입력타입 : Number
  • 반환타입 : Number
console.log(Math.abs(2));  // 2
console.log(Math.abs(-2));  // 2

3-2) Math.ceil(num), Math.floor(num), Math.round(num)

  • num 을 올림/내림/반올림 해서 정수로 반환합니다.
  • 입력타입 : Number
  • 반환타입 : Number
const num1 = 3.141;
const num2 = 3.768;

console.log(Math.ceil(num1), Math.ceil(num2));  // 4 4
console.log(Math.floor(num1), Math.floor(num2));  // 3 3
console.log(Math.round(num1), Math.round(num2));  // 3 4

3-3) Math.max(num1, num2, ...), Math.min(num1, num2, ...)

  • 주어진 숫자 중 가장 큰/작은 숫자를 반환합니다.
  • 입력타입 : 여러개의 Number
  • 반환타입 : Number
console.log(Math.max(1, 22, 38, -10, 1000, 192));  // 1000
console.log(Math.min(1, 22, 38, -10, 1000, 192));  // -10

3-4) Math.pow(num1, num2)

  • num1의 num2 승(거듭제곱)한 값을 반환합니다.
  • 입력타입 : Number, Number
  • 반환타입 : Number
console.log(Math.pow(4, 2));  // 16
console.log(Math.pow(7, 2));  // 49
console.log(Math.pow(10, 3));  // 1000

3-5) Math.random()

  • 숫자 0 이상 1 미만의 난수를 반환합니다.
  • 입력타입 : X
  • 반환타입 : Number
// min 이상 max 미만
function random(min = 0, max = 11) {
  return Math.floor(Math.random() * (max - min)) + min;
}

console.log(random());  // 0
console.log(random(10, 21));  // 17
console.log(random(101, 999));  // 705
profile
꾸미기를 좋아하는 웹퍼블리셔 취준생입니다 :)

0개의 댓글