--- id: javascript-tolocalestring title: "JavaScript toLocaleString" category: "Frontend" status: "draft" verification_status: "conceptual" canonical_id: "" aliases: ["toLocaleString", "toLocaleString()", "JS toLocaleString", "locale formatting", "currency formatting", "number localization"] duplicate_of: "" source_trust_level: "B" confidence_score: 0.88 created_at: 2026-06-23 updated_at: 2026-06-23 review_reason: "" merge_history: [] tags: ["javascript", "js", "web", "frontend", "w3schools", "tolocalestring", "i18n", "formatting"] raw_sources: ["https://www.w3schools.com/js/js_tolocalestring.asp"] applied_in: [] github_commit: "" --- # [[JavaScript toLocaleString]] ## 🎯 ν•œ 쀄 톡찰 (One-line insight) `toLocaleString()` converts a value to a string using local formatting rules, making it the built-in way to render numbers, dates, currencies, and percentages per a given locale. [S1] ## 🧠 핡심 κ°œλ… (Core concepts) - **Locale-aware conversion** β€” The `toLocaleString()` method converts a value to a string using local formatting rules. [S1] - **Broad type support** β€” It is available for Numbers, Dates, Arrays, and BigInts. [S1] - **Locale argument** β€” Pass a language-and-country code (e.g. `"en-US"`, `"de-DE"`, `"no-NO"`) for locale-specific formatting. [S1] - **Options object** β€” A second options argument controls `style` (currency/percent), `currency`, fraction digits, and date field formats. [S1] - **Correct spelling** β€” The method name is `toLocaleString()`, not `toLocalString()`; "locale" means a language and country format. [S1] ## 🧩 μΆ”μΆœλœ νŒ¨ν„΄ (Extracted patterns) - **Locale + options pair** β€” Most calls take `(locale, optionsObject)` to pin both the regional format and the desired style. [S1] - **Currency/percent styling** β€” Set `{style:"currency", currency:"USD"}` or `{style:"percent"}` to format money and ratios. [S1] - **Fraction-digit control** β€” Use `minimumFractionDigits` / `maximumFractionDigits` to cap or pad decimals. [S1] - **Human-readable date fields** β€” Supply `{weekday, year, month, day}` formats to spell out dates. [S1] ## πŸ“– μ„ΈλΆ€ λ‚΄μš© (Details) **JavaScript toLocaleString() Method** The `toLocaleString()` method converts a value to a string using local formatting rules. It is available for Numbers, Dates, Arrays, and BigInts. [S1] Basic example: [S1] ```javascript let num = 1234567.89; let text = num.toLocaleString(); ``` **Using Locales** β€” Specify language and country codes for locale-specific formatting: [S1] ```javascript let num = 1234567.89; let us = num.toLocaleString("en-US"); let de = num.toLocaleString("de-DE"); let no = num.toLocaleString("no-NO"); ``` **Formatting Currency** [S1] ```javascript let price = 1299.95; let dollars = price.toLocaleString("en-US", {style:"currency", currency:"USD"}); let euros = price.toLocaleString("de-DE", {style:"currency", currency:"EUR"}); let kroner = price.toLocaleString("no-NO", {style:"currency", currency:"NOK"}); ``` **Formatting Percentages** [S1] ```javascript let score = 0.875; let result = score.toLocaleString("en-US", {style:"percent"}); ``` **Controlling Decimal Digits** [S1] ```javascript let num = 3.14159; let text = num.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }); ``` **Note** "The method name is `toLocaleString()`, not `toLocalString()`. The word **locale** means a language and country format, such as `"en-US"`, `"de-DE"`, or `"no-NO"`." [S1] **Formatting Dates** [S1] ```javascript let date = new Date(); let text = date.toLocaleString("en-US"); ``` **Date Formatting Options** [S1] ```javascript let date = new Date(); let text = date.toLocaleString("en-US", { weekday: "long", year: "numeric", month: "long", day: "numeric" }); ``` **Readable File Sizes Example** [S1] ```javascript function fileSize(bytes) { if (bytes < 1024) return bytes + " bytes"; if (bytes < 1024 * 1024) return (bytes / 1024).toLocaleString("en-US", {maximumFractionDigits: 1}) + " KB"; return (bytes / 1024 / 1024).toLocaleString("en-US", {maximumFractionDigits: 1}) + " MB"; } let size = 1536000; let text = fileSize(size); ``` **Arrays and toLocaleString()** [S1] ```javascript const dates = [ new Date("2026-01-01"), new Date("2026-12-24") ]; let text = dates.toLocaleString("en-US"); ``` ## πŸ› οΈ 적용 사둀 (Applied in summary) The page's own snippets are the canonical applied examples β€” locale number formatting, currency in USD/EUR/NOK, percentages, fraction-digit control, date field formatting, and a `fileSize()` helper. No external project/commit applications found in the source. ## πŸ’» μ½”λ“œ νŒ¨ν„΄ (Code patterns) Format a number as USD currency (language: JavaScript): ```javascript let price = 1299.95; let dollars = price.toLocaleString("en-US", {style:"currency", currency:"USD"}); ``` Spell out a date in a given locale: ```javascript let date = new Date(); let text = date.toLocaleString("en-US", { weekday: "long", year: "numeric", month: "long", day: "numeric" }); ``` ## βš–οΈ 비ꡐ 및 선택 κΈ°μ€€ (Comparison & decision criteria) - **`toLocaleString()` vs `toString()`** β€” `toString()` produces a fixed, machine-style representation; `toLocaleString()` applies regional formatting rules (separators, currency symbols, date wording) driven by a locale argument. Choose `toLocaleString()` when output is shown to users in a specific region, and `toString()` for a stable, locale-independent string. [S1] ## βš–οΈ λͺ¨μˆœ 및 μ—…λ°μ΄νŠΈ (Contradictions & updates) No contradictions found in the source. (The page explicitly warns against the common misspelling `toLocalString()`.) ## βœ… 검증 μƒνƒœ 및 신뒰도 - **μƒνƒœ:** draft - **검증 단계:** conceptual (μ‹€μ œ 적용 사둀 발견 μ‹œ applied/validated둜 승격 κ°€λŠ₯) - **좜처 신뒰도:** B (W3Schools β€” widely used educational reference, not a primary standards body) - **μ‹ λ’° 점수:** 0.88 - **쀑볡 검사 κ²°κ³Ό:** μ‹ κ·œ 생성 (New discovery) ## πŸ”— 지식 κ·Έλž˜ν”„ (Knowledge Graph) - **μƒμœ„/루트:** [[JavaScript Tutorial]] - **κ΄€λ ¨ κ°œλ…:** [[JavaScript toString]], [[JavaScript Type Conversion]], [[JavaScript NaN]], [[JavaScript Introduction]] - **μ°Έμ‘° λ§₯락:** Referenced whenever displaying numbers, money, percentages, or dates formatted for a user's region. ## πŸ“š 좜처 (Sources) - [S1] W3Schools β€” JavaScript toLocaleString β€” https://www.w3schools.com/js/js_tolocalestring.asp ## πŸ“ λ³€κ²½ 이λ ₯ (Change history) - 2026-06-23: Initial draft synthesized from the W3Schools "JavaScript toLocaleString" page (Astra wiki-curation, P-Reinforce v3.1 format).