ГоловнаПісочницяВітринаДодатокДокументаціяБлог
    • Englishанглійська
      EN
    • русскийросійська
      RU
    • 日本語японська
      JA
    • françaisфранцузька
      FR
    • 한국어корейська
      KO
    • 中文китайська
      ZH
    • españolіспанська
      ES
    • Deutschнімецька
      DE
    • العربيةарабська
      AR
    • italianoіталійська
      IT
    • British Englishанглійська (Велика Британія)
      EN-GB
    • portuguêsпортугальська
      PT
    • हिन्दीгінді
      HI
    • Türkçeтурецька
      TR
    • polskiпольська
      PL
    • Indonesiaіндонезійська
      ID
    • Tiếng Việtвʼєтнамська
      VI
    • українськаукраїнська
      UK
    /
    Фільтрувати документи за фреймворком
    Alt+←
    Чому Intlayer?
    Почати
    Концепція
    • Як працює Intlayer
    • Конфігурація
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • Візуальний редактор
    • CMS
    • Інтеграція CI/CD
    • ПерекладМножинаПерелікУмоваРідВставкаФайлВкладеністьMarkdownHTMLОтримання функції
    • Файл для кожної локалі
    • Компілятор
    • Автозаповнення
    • Тестування
    • Оптимізація пакета
    Середовище
    • Next.js 14 та App Router
      Next.js 15
      Next.js без locale URL
      Next.js та Page Router
      Compiler
    • Tanstack Start Solid
    • Astro та React
      Astro та Svelte
      Astro та Vue
      Astro та Solid
      Astro та Preact
      Astro та Lit
      Astro та Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt та Vue
    • Vite та Solid
    • SvelteKit
    • Vite та Preact
    • Vite та Vanilla JS
    • Vite та Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native та Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx та React
    Plugins
    • JSON
    • gettext (.po)
    Розширення VS Code
    Агент
    • Сервер MCP
    • Навички агента
    Релізи
    • v8
    • v7
    • v6
    Бенчмарк
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    Блог
    Задати питання
    1. Documentation
    2. Packages
    3. Intlayer
    4. GetLocaleName
    Дата створення:2025-08-23Останнє оновлення:2025-08-23
    Надішліть цей документ вашому улюбленому AI-асистенту
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    Задайте питання та отримайте підсумок документа, вказавши цю сторінку та обраного вами постачальника штучного інтелекту

    Історія версій

    1. "Додано поліфіли для React Native та старіших середовищ"
      v7.5.018.12.2025
    2. "Ініціалізація історії"
      v5.5.1029.06.2025

    Вміст цієї сторінки перекладено за допомогою штучного інтелекту.

    Переглянути останню версію оригінального вмісту англійською
    Редагувати цей документ

    Якщо у вас є ідея щодо покращення цієї документації, будь ласка, долучіться, надіславши pull request на GitHub.

    Посилання на документацію на GitHub
    Копіювати

    Скопіювати документацію у форматі Markdown в буфер обміну

    Документація: функція getLocaleName у intlayer

    Опис

    Функція getLocaleName повертає локалізовану назву заданої локалі (targetLocale) мовою відображення (displayLocale). Якщо targetLocale не вказано, вона повертає назву displayLocale його власною мовою.

    Параметри

    • displayLocale: Locales

      • Опис: Локаль, якою буде відображено назву цільової локалі.
      • Тип: Enum або рядок, що представляє допустимі локалі.
    • targetLocale?: Locales

      • Опис: Локаль, назву якої потрібно локалізувати.
      • Тип: Необов'язковий. Enum або рядок, що представляє допустимі локалі.

    Повертає

    • Тип: string
    • Опис: Локалізована назва targetLocale мовою displayLocale, або власна назва displayLocale, якщо targetLocale не вказано. Якщо переклад не знайдено, функція повертає "Unknown locale".

    Приклад використання

    typescript
    Копіювати код

    Скопіюйте код у буфер обміну

    import { Locales, getLocaleName } from "intlayer";
    
    getLocaleName(Locales.ENGLISH); // Вивід: "English"
    getLocaleName(Locales.ENGLISH, Locales.FRENCH); // Вивід: "Anglais"
    getLocaleName(Locales.ENGLISH, Locales.ESPANOL); // Вивід: "Inglés"
    getLocaleName(Locales.ENGLISH, Locales.ENGLISH); // Вивід: "English"
    
    getLocaleName(Locales.FRENCH); // Вивід: "Français"
    getLocaleName(Locales.FRENCH, Locales.FRENCH); // Вивід: "Français"
    getLocaleName(Locales.FRENCH, Locales.ESPANOL); // Вивід: "Francés"
    getLocaleName(Locales.FRENCH, Locales.ENGLISH); // Вивід: "French"
    
    getLocaleName(Locales.CHINESE); // Вивід: "中文"
    getLocaleName(Locales.CHINESE, Locales.FRENCH); // Вивід: "Chinois"
    getLocaleName(Locales.CHINESE, Locales.ESPANOL); // Вивід: "Chino"
    getLocaleName(Locales.CHINESE, Locales.ENGLISH); // Вивід: "Chinese"
    
    getLocaleName("unknown-locale"); // Вивід: "Unknown locale"

    Крайні випадки

    • Не вказано targetLocale:
      • Функція за замовчуванням повертає власну назву displayLocale.
    • Відсутні переклади:
      • Якщо localeNameTranslations не містить запису для targetLocale або конкретного displayLocale, функція використовує ownLocalesName або повертає "Unknown locale".

    Поліфіли для React Native та старіших середовищ

    Функція getLocaleName покладається на API Intl.DisplayNames, який недоступний у React Native або старіших JavaScript-середовищах. Якщо ви використовуєте getLocaleName у таких середовищах, потрібно додати поліфіли.

    Імпортуйте поліфіли на початку вашого застосунку, бажано в точці входу (наприклад, index.js, App.tsx, або main.tsx):

    typescript
    Копіювати код

    Скопіюйте код у буфер обміну

    import "intl";import "@formatjs/intl-locale/polyfill";import "@formatjs/intl-displaynames/polyfill";

    Для детальнішої інформації див. документацію поліфілів FormatJS.

    Чому Intlayer?
    Alt+→

    На цій сторінці

      Обговорення анонімні та регулярно переглядаються для вирішення поширених проблем. Не соромтеся ділитися ідеями функцій, відгуками про документацію або будь-чим, що стосується Intlayer, ми використовуємо цю інформацію для формування нашої дорожньої карти та покращення продукту.

      import "intl";import "@formatjs/intl-locale/polyfill";import "@formatjs/intl-displaynames/polyfill";