> 웹 프론트엔드 > JS 튜토리얼 > Aveta로 숫자를 단순화하세요: 편리한 JavaScript 라이브러리

Aveta로 숫자를 단순화하세요: 편리한 JavaScript 라이브러리

Susan Sarandon
풀어 주다: 2024-12-25 14:05:16
원래의
317명이 탐색했습니다.

JavaScript 프로젝트에서 큰 숫자를 간결하고 사람이 읽을 수 있는 형식으로 변환하고 싶었던 적이 있습니까? 숫자 서식 지정을 쉽게 해주는 경량 라이브러리인 Aveta를 만나보세요!

Simplify Numbers with Aveta: A Handy JavaScript Library

왜 아베타인가?

Aveta는 투박한 숫자를 10K, 1.2M 또는 3.45B와 같이 간단하고 사람이 읽을 수 있는 형식으로 바꾸는 데 도움을 줍니다. 대시보드, 차트 등 깔끔한 데이터 표현이 필요한 모든 곳에 적합합니다.

입력 대 출력

Input Output
6000 '6K'
10000 '10K'
42500 '42.5K'
1250000 '1.25M'
입력

출력

6000 '6K' 10000 '10K' 42500 '42.5K' 1250000 '125만'


설치

# With npm
npm install aveta

# With Yarn
yarn add aveta
로그인 후 복사
npm 또는 Yarn을 사용하여 프로젝트에 Aveta를 추가하세요.

아베타 사용 방법

Aveta는 유연하며 다양한 서식 옵션을 지원합니다. 간략한 개요는 다음과 같습니다.
import aveta from 'aveta';

console.log(aveta(8700)); // '8.7K'
로그인 후 복사

기본 사용법


고급 옵션

import aveta from 'aveta';

// Customize digits and lowercase units
console.log(
  aveta(123456, {
    digits: 3,
    lowercase: true,
  })
); // '123k'

// Adjust precision and add a separator
console.log(
  aveta(2048000, {
    precision: 2,
    separator: ',',
  })
); // '2,048M'

// Use custom units
console.log(
  aveta(1440000, {
    units: ['B', 'KB', 'MB', 'GB', 'TB'],
    space: true,
  })
); // '1.44 MB'
로그인 후 복사
Aveta는 정밀도, 구분 기호 스타일, 단위 케이스 등에 대한 사용자 정의 기능을 제공합니다.


AvetaReverse를 사용한 역방향 서식 지정

import { avetaReverse } from 'aveta';

console.log(avetaReverse('8.7K')); // 8700
console.log(avetaReverse('4.57k')); // 4570
console.log(avetaReverse('2.48m')); // 2480000
로그인 후 복사
사람이 읽을 수 있는 숫자를 다시 원래 형식으로 변환해야 합니까? avetaReverse 사용:


명령줄 인터페이스

$ aveta 234000
234K

# Or use npx
$ npx aveta 1234567
1.23M
로그인 후 복사
터미널에서 직접 Aveta를 실행하세요.


aveta --help
로그인 후 복사
CLI 옵션의 경우 다음을 입력하세요.

  1. 왜 아베타를 선택해야 할까요?
  2. 경량: 프로젝트에 최소한의 오버헤드를 추가합니다.
  3. 사용자 정의 가능: 특정 요구 사항에 맞게 형식을 조정하세요.
  4. 사용자 친화적: CLI 지원으로 빠른 테스트가 간편해집니다.
포괄적:

정방향 및 역방향 서식 옵션이 모두 가능합니다.

이 라이브러리는 내가 ❤️으로 제작했습니다.
기여를 환영합니다. GitHub에 참여하여 Aveta를 더욱 개선해 보세요!

위 내용은 Aveta로 숫자를 단순화하세요: 편리한 JavaScript 라이브러리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿