Contoh terperinci menggunakan pemformatan nombor toLocaleString dalam JavaScript

Artikel ini membawakan anda pengetahuan yang berkaitan tentang javascript terutamanya penjelasan terperinci tentang pemformatan digital menggunakan toLocaleString dalam JavaScript. Saya harap ia dapat membantu .

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

toLocaleString

Masalah memformat nombor dalam projek adalah terlalu biasa, terutamanya apabila ia berkaitan dengan nombor kewangan Kali ini terdapat keperluan untuk pelbagai format Pada masa lalu, saya mungkin mempunyai fungsi menulis sendiri, tetapi kali ini saya tidak sengaja melihat bahawa terdapat fungsi yang begitu berguna. Bukankah ia hanya satu kesilapan besar sebelum ini -_-

Number.prototype.toLocaleString()

Parameter: numObj.toLocaleString([ tempat [, pilihan]]).

Parameter pertama ialah parameter pilihan, rentetan kod bahasa yang disingkatkan (teg bahasa BCP 47, contohnya: cmn-Hans-CN) atau tatasusunan rentetan ini, beberapa Kekunci sambungan Unicode adalah juga dibenarkan. Lihat MDN untuk butiran Jika terdapat format serantau khas, anda mesti memuat naik locales tempatan. Secara umumnya, menghantar nilai undefined, zh atau en boleh mengendalikan kebanyakan situasi lalainya bukan untuk melepasi undefiend.

1. Bahagikan nombor kepada perseribu

Ia dipanggil terus, dan lalainya ialah bahagikan kepada perseribu

var a = 123456.6789
a.toLocaleString() // 123,456.679,默认保留3位小数

Jika anda tidak mahu dibahagikan kepada perseribu, Kemudian anda perlu menggunakan atribut useGrouping: false

var a = 123456.6789
a.toLocaleString(undefined, {useGrouping: false}) // 123456.6789

2 Berapa tempat perpuluhan untuk disimpan

Terdapat dua atribut utama yang digunakan di sini: simpan tempat perpuluhan terkecil minimumFractionDigits dan kekalkan tempat perpuluhan terbanyak maximumFractionDigits

var a = 123456.6789
a.toLocaleString(undefined, {minimumFractionDigits: 6}) //123,456.678900

Di sini, tetapkan nombor terkumpul minimum kepada 6, kemudian ia akan mengekalkan 6 tempat perpuluhan

var a = 123456.6789
a.toLocaleString(undefined, {maximumFractionDigits: 2}) //123,456.68

Jika anda mahu kekalkan dua tempat perpuluhan, tetapkan tempat perpuluhan maksimum yang dikekalkan kepada 2 akan dilakukan.

3. Bilangan minimum digit integer yang digunakan minimumIntegerDigits

Julat ialah 1-21, lalai ialah 1

var a = 123456.6789
a.toLocaleString(undefined, {minimumIntegerDigits: 8}) //00,123,456.679

Bilangan minimum digit integer yang digunakan, sebarang kekurangan akan menjadi Sifar

4 Bilangan minimum digit bererti yang digunakan minimumSignificantDigits

ialah 1-21, lalai 1

var a = 123456.6789
a.toLocaleString(undefined, {minimumIntegerDigits: 8}) //00,123,456.679

5 bilangan digit bererti yang digunakan maximumSignificantDigits

Julat ialah 1-21, lalai ialah 21

var a = 123456.6789
a.toLocaleString(undefined, {maximumSignificantDigits: 6}) //123,457

4.5 Kedua-dua sifat untuk mengekalkan digit yang sah juga sangat berkuasa digit, bulatan dan sifar akan ditambah jika angka tidak mencukupi.

6. Gaya gaya yang dipaparkan

atribut style ialah pilihan paparan gaya yang berbeza: lalai ialah decimal. Pilihan:

decimal: nombor tulen

percent: peratusan

unit: format unit, gunakan unit untuk unit. Nilai unit

currency: digunakan dalam format mata wang Ambil perhatian bahawa atribut ini tidak boleh digunakan secara bersendirian dan mesti digunakan bersama dengan atribut currency

var a = 123456.6789, 
a.toLocaleString(undefined, {style: 'decimal'}) //123,456.679
a.toLocaleString(undefined, {style: 'percent'}) // 12,345,668%
a.toLocaleString(undefined, {style: 'currency', currency: 'EUR'}) // €123,456.68
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY'}) // ¥123,456.68
a.toLocaleString(undefined, {style: 'unit', unit: 'acre'}) // 123,456.679英亩

, antaranya. currency dan currencyDisplay Ia juga boleh digunakan bersama yang pertama menentukan mata wang yang sepadan, seperti USD, EUR dan CNY (bukan sensitif huruf besar-besaran), manakala yang kedua ialah gaya paparan. simbol mata wang. Lalai ialah currencyDisplay: symbol:

var a = 123456.6789, 
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY', currencyDisplay: 'symbol'}) //  ¥123,456.68
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY', currencyDisplay: 'code'}) // CNY 123,456.68
a.toLocaleString(undefined, {style: 'currency', currency: 'CNY', currencyDisplay: 'name'}) // 123,456.68人民币

Di atas ialah beberapa toLocaleString format konvensional untuk nombor, yang sepatutnya cukup untuk pemprosesan format harian.

Sudah tentu, ia juga mempunyai Date.prototype.toLocaleString dan Array.prototype.toLocaleString Jika anda berminat, anda boleh mempelajarinya sendiri.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Contoh terperinci menggunakan pemformatan nombor toLocaleString dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!