js的toLocaleString用法

8658次浏览

前言

haorooms博客之前总结了很多js的用法,例如数字三位分割等等,详细请看https://www.haorooms.com/post/js_qian_huobi_gs 这里面的黑科技介绍了toLocaleString,最近查了toLocaleString的兼容性,还是蛮好的,可以用起来。

number的toLocaleString 应用

 // 1、将数字进行千分位切割展示
var num = 1331231  
console.log(num.toLocaleString())  //  1,331,231
 // 2、将数字转为货币样式
var number = 123456.789;  
console.log(number.toLocaleString('zh', { style: 'currency', currency: 'EUR' }));    //€123,456.79
console.log(number.toLocaleString('zh', { style: 'currency', currency: 'CNY' }));    //¥123,456.79
console.log(number.toLocaleString('zh', { style: 'currency', currency: 'CNY',currencyDisplay:'code' }));    //CNY 123,456.79
console.log(number.toLocaleString('zh', { style: 'currency', currency: 'CNY',currencyDisplay:'name' }));    //123,456.79人民币

// 3、将数字转为百分比形式
var num1 = 0.12 
var num2 = 2.45
console.log(num1.toLocaleString('zh',{style:'percent'}))  //  12%
console.log(num2.toLocaleString('zh',{style:'percent'}))  //  245%

// 4、转换为汉字

(123456789).toLocaleString('zh-hans-CN-u-nu-hanidec',{useGrouping:false})  
//"一二三四五六七八九"
(123456789).toLocaleString('zh-hans-CN-u-nu-hanidec',{useGrouping:true})  
//"一二三,四五六,七八九"
new Date().toLocaleString('zh-hans-CN-u-nu-hanidec')  
//"二〇一八/一/三一 下午八:五四:五一"

数组Array的 toLocaleString

var numArray = [12,564,'55',5,'8']  
console.log(numArray.toLocaleString('zh'))  //  12,564,55,5,8

var prices = ['¥7', 500, 8123, 12];
prices.toLocaleString('zh-CN', { style: 'currency', currency: 'CNY' }); //'¥7,¥500.00,¥8,123.00,¥12.00'

Date的toLocaleString 应用

 new Date().toLocaleString("zh-cn")

new Date().toLocaleString('en-GB', { timeZone: 'UTC' })

关于timeZone的枚举

'Africa/Abidjan','Africa/Accra','Africa/Addis_Ababa','Africa/Algiers','Africa/Asmara','Africa/Asmera', 'Africa/Bamako','Africa/Bangui','Africa/Banjul','Africa/Bissau','Africa/Blantyre','Africa/Brazzaville', 'Africa/Bujumbura','Africa/Cairo','Africa/Casablanca','Africa/Ceuta','Africa/Conakry','Africa/Dakar', 'Africa/Dar_es_Salaam','Africa/Djibouti','Africa/Douala','Africa/El_Aaiun','Africa/Freetown','Africa/Gaborone', 'Africa/Harare','Africa/Johannesburg','Africa/Juba','Africa/Kampala','Africa/Khartoum','Africa/Kigali','Africa/Kinshasa', 'Africa/Lagos','Africa/Libreville','Africa/Lome','Africa/Luanda','Africa/Lubumbashi','Africa/Lusaka', 'Africa/Malabo','Africa/Maputo','Africa/Maseru','Africa/Mbabane','Africa/Mogadishu','Africa/Monrovia', 'Africa/Nairobi','Africa/Ndjamena','Africa/Niamey','Africa/Nouakchott','Africa/Ouagadougou', 'Africa/Porto-Novo','Africa/Sao_Tome','Africa/Timbuktu','Africa/Tripoli','Africa/Tunis', 'Africa/Windhoek','America/Adak','America/Anchorage','America/Anguilla','America/Antigua','America/Araguaina', 'America/Argentina/Buenos_Aires','America/Argentina/Catamarca','America/Argentina/ComodRivadavia', 'America/Argentina/Cordoba','America/Argentina/Jujuy','America/Argentina/La_Rioja', 'America/Argentina/Mendoza','America/Argentina/Rio_Gallegos','America/Argentina/Salta', 'America/Argentina/San_Juan', 'America/Argentina/San_Luis','America/Argentina/Tucuman','America/Argentina/Ushuaia', 'America/Aruba','America/Asuncion', 'America/Atikokan','America/Atka','America/Bahia','America/Bahia_Banderas','America/Barbados', 'America/Belem', 'America/Belize','America/Blanc-Sablon','America/Boa_Vista','America/Bogota','America/Boise', 'America/Buenos_Aires', 'America/Cambridge_Bay','America/Campo_Grande','America/Cancun','America/Caracas', 'America/Catamarca', 'America/Cayenne','America/Cayman','America/Chicago','America/Chihuahua','America/Coral_Harbour', 'America/Cordoba','America/Costa_Rica','America/Creston','America/Cuiaba','America/Curacao', 'America/Danmarkshavn','America/Dawson','America/Dawson_Creek','America/Denver','America/Detroit', 'America/Dominica','America/Edmonton','America/Eirunepe','America/El_Salvador','America/Ensenada', 'America/Fort_Nelson','America/Fort_Wayne','America/Fortaleza', 'America/Glace_Bay','America/Godthab','America/Goose_Bay','America/Grand_Turk','America/Grenada', 'America/Guadeloupe','America/Guatemala','America/Guayaquil','America/Guyana','America/Halifax', 'America/Havana','America/Hermosillo','America/Indiana/Indianapolis','America/Indiana/Knox', 'America/Indiana/Marengo', 'America/Indiana/Petersburg','America/Indiana/Tell_City','America/Indiana/Vevay', 'America/Indiana/Vincennes', 'America/Indiana/Winamac','America/Indianapolis','America/Inuvik','America/Iqaluit','America/Jamaica', 'America/Jujuy','America/Juneau','America/Kentucky/Louisville','America/Kentucky/Monticello', 'America/Knox_IN','America/Kralendijk','America/La_Paz','America/Lima','America/Los_Angeles', 'America/Louisville','America/Lower_Princes','America/Maceio','America/Managua','America/Manaus', 'America/Marigot','America/Martinique','America/Matamoros','America/Mazatlan','America/Mendoza', 'America/Menominee','America/Merida','America/Metlakatla','America/Mexico_City','America/Miquelon', 'America/Moncton','America/Monterrey','America/Montevideo','America/Montreal','America/Montserrat', 'America/Nassau','America/New_York','America/Nipigon','America/Nome','America/Noronha', 'America/North_Dakota/Beulah','America/North_Dakota/Center','America/North_Dakota/New_Salem', 'America/Ojinaga','America/Panama','America/Pangnirtung',' America/Paramaribo','America/Phoenix','America/Port-au-Prince','America/Port_of_Spain', 'America/Porto_Acre','America/Porto_Velho', 'America/Puerto_Rico','America/Punta_Arenas','America/Rainy_River','America/Rankin_Inlet', 'America/Recife','America/Regina','America/Resolute','America/Rio_Branco','America/Rosario', 'America/Santa_Isabel','America/Santarem','America/Santiago','America/Santo_Domingo', 'America/Sao_Paulo','America/Scoresbysund','America/Shiprock','America/Sitka', 'America/St_Barthelemy', 'America/St_Johns','America/St_Kitts','America/St_Lucia','America/St_Thomas','America/St_Vincent', 'America/Swift_Current','America/Tegucigalpa','America/Thule','America/Thunder_Bay', 'America/Tijuana', 'America/Toronto','America/Tortola','America/Vancouver','America/Virgin','America/Whitehorse', 'America/Winnipeg','America/Yakutat','America/Yellowknife','Antarctica/Casey','Antarctica/Davis', 'Antarctica/DumontDUrville','Antarctica/Macquarie','Antarctica/Mawson','Antarctica/McMurdo', 'Antarctica/Palmer','Antarctica/Rothera','Antarctica/South_Pole','Antarctica/Syowa','Antarctica/Troll', 'Antarctica/Vostok','Arctic/Longyearbyen','Asia/Aden','Asia/Almaty','Asia/Amman','Asia/Anadyr', 'Asia/Aqtau','Asia/Aqtobe', 'Asia/Ashgabat','Asia/Ashkhabad','Asia/Atyrau','Asia/Baghdad','Asia/Bahrain','Asia/Baku','Asia/Bangkok', 'Asia/Barnaul','Asia/Beirut','Asia/Bishkek','Asia/Brunei','Asia/Calcutta','Asia/Chita','Asia/Choibalsan', 'Asia/Chongqing', 'Asia/Chungking','Asia/Colombo','Asia/Dacca','Asia/Damascus','Asia/Dhaka','Asia/Dili','Asia/Dubai', 'Asia/Dushanbe', 'Asia/Famagusta','Asia/Gaza','Asia/Harbin','Asia/Hebron','Asia/Ho_Chi_Minh','Asia/Hong_Kong','Asia/Hovd', 'Asia/Irkutsk','Asia/Istanbul', 'Asia/Jakarta','Asia/Jayapura','Asia/Jerusalem','Asia/Kabul','Asia/Kamchatka','Asia/Karachi','Asia/Kashgar', 'Asia/Kathmandu','Asia/Katmandu','Asia/Khandyga','Asia/Kolkata','Asia/Krasnoyarsk','Asia/Kuala_Lumpur', 'Asia/Kuching','Asia/Kuwait','Asia/Macao','Asia/Macau','Asia/Magadan','Asia/Makassar','Asia/Manila', 'Asia/Muscat','Asia/Nicosia','Asia/Novokuznetsk','Asia/Novosibirsk','Asia/Omsk','Asia/Oral', 'Asia/Phnom_Penh','Asia/Pontianak','Asia/Pyongyang','Asia/Qatar', 'Asia/Qostanay','Asia/Qyzylorda','Asia/Rangoon','Asia/Riyadh','Asia/Saigon','Asia/Sakhalin','Asia/Samarkand', 'Asia/Seoul','Asia/Shanghai','Asia/Singapore','Asia/Srednekolymsk','Asia/Taipei','Asia/Tashkent','Asia/Tbilisi', 'Asia/Tehran','Asia/Tel_Aviv','Asia/Thimbu','Asia/Thimphu','Asia/Tokyo','Asia/Tomsk','Asia/Ujung_Pandang', 'Asia/Ulaanbaatar','Asia/Ulan_Bator','Asia/Urumqi','Asia/Ust-Nera','Asia/Vientiane','Asia/Vladivostok', 'Asia/Yakutsk','Asia/Yangon', 'Asia/Yekaterinburg','Asia/Yerevan','Atlantic/Azores','Atlantic/Bermuda','Atlantic/Canary','Atlantic/Cape_Verde', 'Atlantic/Faeroe','Atlantic/Faroe','Atlantic/Jan_Mayen','Atlantic/Madeira','Atlantic/Reykjavik','Atlantic/South_Georgia', 'Atlantic/St_Helena','Atlantic/Stanley','Australia/ACT','Australia/Adelaide','Australia/Brisbane','Australia/Broken_Hill', 'Australia/Canberra','Australia/Currie','Australia/Darwin','Australia/Eucla','Australia/Hobart','Australia/LHI',' Australia/Lindeman','Australia/Lord_Howe','Australia/Melbourne','Australia/NSW','Australia/North','Australia/Perth', 'Australia/Queensland','Australia/South','Australia/Sydney','Australia/Tasmania','Australia/Victoria','Australia/West', 'Australia/Yancowinna','Brazil/Acre','Brazil/DeNoronha','Brazil/East','Brazil/West','CET','CST6CDT','Canada/Atlantic', 'Canada/Central','Canada/Eastern','Canada/Mountain','Canada/Newfoundland','Canada/Pacific', 'Canada/Saskatchewan', 'Canada/Yukon','Chile/Continental','Chile/EasterIsland','Cuba', 'EET','EST5EDT','Egypt','Eire','Etc/GMT','Etc/GMT+0','Etc/GMT+1','Etc/GMT+10','Etc/GMT+11','Etc/GMT+12', 'Etc/GMT+2','Etc/GMT+3','Etc/GMT+4','Etc/GMT+5','Etc/GMT+6','Etc/GMT+7','Etc/GMT+8','Etc/GMT+9', 'Etc/GMT-0','Etc/GMT-1','Etc/GMT-10','Etc/GMT-11','Etc/GMT-12','Etc/GMT-13','Etc/GMT-14','Etc/GMT-2', 'Etc/GMT-3','Etc/GMT-4','Etc/GMT-5','Etc/GMT-6','Etc/GMT-7','Etc/GMT-8','Etc/GMT-9','Etc/GMT0','Etc/Greenwich','Etc/UCT','Etc/UTC','Etc/Universal', 'Etc/Zulu','Europe/Amsterdam','Europe/Andorra','Europe/Astrakhan','Europe/Athens', 'Europe/Belfast', 'Europe/Belgrade','Europe/Berlin','Europe/Bratislava','Europe/Brussels','Europe/Bucharest', 'Europe/Budapest','Europe/Busingen','Europe/Chisinau','Europe/Copenhagen','Europe/Dublin', 'Europe/Gibraltar','Europe/Guernsey','Europe/Helsinki','Europe/Isle_of_Man','Europe/Istanbul', 'Europe/Jersey','Europe/Kaliningrad','Europe/Kiev','Europe/Kirov','Europe/Lisbon', 'Europe/Ljubljana','Europe/London','Europe/Luxembourg','Europe/Madrid','Europe/Malta', 'Europe/Mariehamn','Europe/Minsk','Europe/Monaco','Europe/Moscow','Europe/Nicosia', 'Europe/Oslo','Europe/Paris','Europe/Podgorica','Europe/Prague', 'Europe/Riga','Europe/Rome','Europe/Samara','Europe/San_Marino','Europe/Sarajevo' ,'Europe/Saratov','Europe/Simferopol','Europe/Skopje','Europe/Sofia','Europe/Stockholm' ,'Europe/Tallinn','Europe/Tirane','Europe/Tiraspol','Europe/Ulyanovsk','Europe/Uzhgorod', 'Europe/Vaduz','Europe/Vatican','Europe/Vienna','Europe/Vilnius', 'Europe/Volgograd','Europe/Warsaw','Europe/Zagreb','Europe/Zaporozhye','Europe/Zurich', 'GB','GB-Eire','GMT','GMT0','Greenwich','Hongkong','Iceland','Indian/Antananarivo','Indian/Chagos', 'Indian/Christmas','Indian/Cocos','Indian/Comoro','Indian/Kerguelen','Indian/Mahe','Indian/Maldives', 'Indian/Mauritius','Indian/Mayotte','Indian/Reunion','Iran','Israel','Jamaica','Japan','Kwajalein','Libya', 'MET','MST7MDT','Mexico/BajaNorte','Mexico/BajaSur','Mexico/General','NZ','NZ-CHAT','Navajo','PRC', 'PST8PDT','Pacific/Apia', 'Pacific/Auckland','Pacific/Bougainville','Pacific/Chatham','Pacific/Chuuk','Pacific/Easter','Pacific/Efate', 'Pacific/Enderbury','Pacific/Fakaofo','Pacific/Fiji','Pacific/Funafuti','Pacific/Galapagos', 'Pacific/Gambier','Pacific/Guadalcanal','Pacific/Guam','Pacific/Honolulu','Pacific/Johnston','Pacific/Kiritimati', 'Pacific/Kosrae','Pacific/Kwajalein','Pacific/Majuro','Pacific/Marquesas','Pacific/Midway','Pacific/Nauru', 'Pacific/Niue','Pacific/Norfolk','Pacific/Noumea','Pacific/Pago_Pago','Pacific/Palau','Pacific/Pitcairn', 'Pacific/Pohnpei','Pacific/Ponape','Pacific/Port_Moresby','Pacific/Rarotonga','Pacific/Saipan','Pacific/Samoa', 'Pacific/Tahiti','Pacific/Tarawa','Pacific/Tongatapu', 'Pacific/Truk','Pacific/Wake','Pacific/Wallis','Pacific/Yap','Poland','Portugal','ROK','Singapore','SystemV/AST4', 'SystemV/AST4ADT','SystemV/CST6','SystemV/CST6CDT','SystemV/EST5','SystemV/EST5EDT', 'SystemV/HST10','SystemV/MST7','SystemV/MST7MDT','SystemV/PST8','SystemV/PST8PDT','SystemV/YST9', 'SystemV/YST9YDT','Turkey','UCT','US/Alaska','US/Aleutian','US/Arizona','US/Central', 'US/East-Indiana','US/Eastern', 'US/Hawaii','US/Indiana-Starke','US/Michigan','US/Mountain','US/Pacific','US/Pacific-New', 'US/Samoa','UTC','Universal','W-SU','WET','Zulu'

关于语言的枚举

ar-DZ    Algerian Arabic
ar-EG    Egyptian Arabic
ar-IQ    Arabic (Iraq)
ar-MA    Moroccan Arabic
ar-SA    Saudi Arabian Arabic
ar-AE    Arabic (United Arab Emirates)
bn-BD    Bangla (Bangladesh)
bn-IN    Bangla (India)
zh-CN    Mainland China, simplified characters
zh-TW    Taiwan, traditional characters
zh-HK    Hong Kong, traditional characters
nl-BE    Belgian Dutch (aka Flemish)
nl-NL    Standard Dutch (as spoken in The Netherlands)
en-GB    British English
en-US    American English
en-CA    Canadian English
en-IN    Indian English
en-AU    Australian English
en-NZ    New Zealand English
en-ZA    South African English
fr-BE    Belgian French
fr-CH    Swiss French
fr-FR    Standard French (especially in France)
fr-CA    Canadian French
fr-LU    Luxembourgish French
de-AT    Austrian German
de-DE    Standard German (as spoken in Germany)
de-CH    Swiss German
it-CH    Swiss Italian
it-IT    Standard Italian (as spoken in Italy)
ko-KP    North Korea, Chosŏn'gŭl characters
ko-KR    South Korea, Hangul characters
pt-PT    European Portuguese (as written and spoken in Portugal)
pt-BR    Brazilian Portuguese
pt-AO    Angolan Portuguese
pt-MZ    Mozambican Portuguese
si-LK    Sri Lankan Sinhala
es-ES    Castilian Spanish (as spoken in Central-Northern Spain)
es-MX    Mexican Spanish
es-AR    Argentine Spanish
es-CO    Colombian Spanish
es-CL    Chilean Spanish
es-PE    Peruvian Spanish
es-VE    Venezuelan Spanish
es-DO    Dominican Spanish
sv-FI           Finland Swedish
sv-SE    Standard Swedish (as spoken in Sweden)
ta-IN     Indian Tamil
ta-LK    Sri Lankan Tamil
zgh-MA    Standard Moroccan Tamazight

文档及兼容性

MDN文档地址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/toLocaleString

兼容性:https://caniuse.com/?search=toLocaleString

Tags: jstoLocaleString

相关文章: