ホームページ > ウェブフロントエンド > jsチュートリアル > Aveta で数値を単純化: 便利な JavaScript ライブラリ

Aveta で数値を単純化: 便利な JavaScript ライブラリ

Susan Sarandon
リリース: 2024-12-25 14:05:16
オリジナル
320 人が閲覧しました

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 サポートにより、迅速なテストが簡単になります。
包括的:

順方向と逆方向の両方のフォーマット オプション。

このライブラリは私が❤️を使って作成しました。
貢献は大歓迎です。Aveta をさらに改善するために GitHub に参加してください!

以上がAveta で数値を単純化: 便利な JavaScript ライブラリの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート