ran
한국어
이 페이지 목차
ranutsperToNum

perToNum

퍼센트 문자열을 숫자로 바꿉니다.

API

perToNum

반환값

인자 설명 타입
number 변환된 숫자 number

매개변수

매개변수 설명 타입 기본값
str 퍼센트 문자열 string ''

예시

기본 사용법

import { perToNum } from 'ranuts';

console.log(perToNum('50%')); // 0.5
console.log(perToNum('100%')); // 1
console.log(perToNum('150%')); // 1.5

1을 넘는 퍼센트 다루기

import { perToNum } from 'ranuts';

console.log(perToNum('50%')); // 0.5 (1 이하라 그대로 반환)
console.log(perToNum('150%')); // 1.5 (1을 넘어 100으로 나눔)
console.log(perToNum('200%')); // 2

보통 숫자 문자열 다루기

import { perToNum } from 'ranuts';

console.log(perToNum('0.5')); // 0.5
console.log(perToNum('100')); // 100

빈 문자열 다루기

import { perToNum } from 'ranuts';

console.log(perToNum('')); // 0
console.log(perToNum()); // 0

참고

  1. 퍼센트 처리:

    • 값이 1을 넘으면 100으로 나눕니다(예: 150% → 1.5)
    • 값이 1 이하이면 그대로 반환합니다(예: 50% → 0.5)

  2. 퍼센트가 아닌 문자열: %로 끝나지 않으면 곧바로 숫자로 바꿉니다.

  3. 빈 값 처리: 빈 문자열은 0이 됩니다.

  4. 활용: CSS의 퍼센트 값이나 진행률 값을 다룰 때 흔히 쓰입니다.