StartseiteSandboxShowcaseAppDokumentBlog
    • EnglishEnglisch
      EN
    • русскийRussisch
      RU
    • 日本語Japanisch
      JA
    • françaisFranzösisch
      FR
    • 한국어Koreanisch
      KO
    • 中文Chinesisch
      ZH
    • españolSpanisch
      ES
    • DeutschDeutsch
      DE
    • العربيةArabisch
      AR
    • italianoItalienisch
      IT
    • British EnglishEnglisch (Vereinigtes Königreich)
      EN-GB
    • portuguêsPortugiesisch
      PT
    • हिन्दीHindi
      HI
    • TürkçeTürkisch
      TR
    • polskiPolnisch
      PL
    • IndonesiaIndonesisch
      ID
    • Tiếng ViệtVietnamesisch
      VI
    • українськаUkrainisch
      UK
    /
    Dokumentation nach Framework filtern
    Alt+←
    Warum Intlayer?
    Anfangen
    Konzept
    • Wie Intlayer funktioniert
    • Konfiguration
    • TestFillBuildWatchExtractLoginPushPullConfigurationListVersionEditorLiveDebugDoc ReviewDoc TranslateSDK
    • Visueller Editor
    • CMS
    • CI/CD-Integration
    • ÜbersetzungPluralAufzählungBedingungGeschlechtEinfügungDateiVerschachtelungMarkdownHTMLFunktionsabruf
    • Datei pro Locale
    • Compiler
    • Automatisches Ausfüllen
    • Testen
    • Bundle-Optimierung
    Umwelt
    • Next.js 14 und App Router
      Next.js 15
      Next.js ohne Locale URL
      Next.js und Page Router
      Compiler
    • Tanstack Start Solid
    • Astro und React
      Astro und Svelte
      Astro und Vue
      Astro und Solid
      Astro und Preact
      Astro und Lit
      Astro und Vanilla JS
    • React Router v7
      React Router v7 (fs-routes)
      Compiler
    • Nuxt und Vue
    • Vite und Solid
    • SvelteKit
    • Vite und Preact
    • Vite und Vanilla JS
    • Vite und Lit
    • Angular 19 (Webpack)
      Analog
    • React CRA
    • React Native und Expo
    • Express.js
      NestJS
      Fastify
      Hono
      Adonis
    • Lynx und React
    Plugins
    • JSON
    • gettext (.po)
    VS Code-Erweiterung
    Agent
    • MCP-Server
    • Agenten-Fähigkeiten
    Versionen
    • v8
    • v7
    • v6
    Benchmark
    • Next.js
    • TanStack
    • Vue
    • Solid
    • Svelte
    Blog
    Frage stellen
    1. Documentation
    2. Packages
    3. Intlayer
    4. GetLocaleName
    Erstellung:2024-08-11Letzte Aktualisierung:2025-06-29
    Referenzieren Sie diese Dokumentation mit Ihrem bevorzugten AI-Assistenten
    ChatGPT
    Claude
    DeepSeek
    Google AI mode
    Gemini
    Perplexity
    Mistral
    Grok

    Stellen Sie Ihre Frage und erhalten Sie einen Resümee des Dokuments, indem Sie diese Seite und den AI-Anbieter Ihrer Wahl referenzieren

    Dieses Dokument ist veraltet, die Basisversion wurde aktualisiert am 23. August 2025.

    Zur englischen Doku gehen

    Versionshistorie

    1. "Polyfills für React Native und ältere Umgebungen hinzufügen"
      v7.5.018.12.2025
    2. "Initialer Verlauf"
      v5.5.1029.6.2025

    Der Inhalt dieser Seite wurde mit einer KI übersetzt.

    Den englischen Originaltext ansehen
    Diese Dokumentation bearbeiten

    Wenn Sie eine Idee haben, um diese Dokumentation zu verbessern, zögern Sie bitte nicht, durch das Einreichen eines Pull-Requests auf GitHub beizutragen.

    GitHub-Link zur Dokumentation
    Kopieren

    Markdown des Dokuments in die Zwischenablage kopieren

    Dokumentation: getLocaleName Funktion in intlayer

    Beschreibung

    Die Funktion getLocaleName gibt den lokalisierten Namen einer gegebenen Locale (targetLocale) in der Anzeigelocale (displayLocale) zurück. Wenn keine targetLocale angegeben ist, gibt sie den Namen der displayLocale in deren eigener Sprache zurück.

    Parameter

    • displayLocale: Locales

      • Beschreibung: Die Locale, in der der Name der Ziel-Locale angezeigt wird.
      • Typ: Enum oder String, der gültige Locales repräsentiert.
    • targetLocale?: Locales

      • Beschreibung: Die Locale, deren Name lokalisiert werden soll.
      • Typ: Optional. Enum oder String, der gültige Locales repräsentiert.

    Rückgabewert

    • Typ: string
    • Beschreibung: Der lokalisierte Name der targetLocale in der displayLocale oder der eigene Name der displayLocale, wenn keine targetLocale angegeben ist. Wenn keine Übersetzung gefunden wird, gibt sie "Unbekannte Locale" zurück.

    Beispielhafte Verwendung

    typescript
    Code kopieren

    Kopieren Sie den Code in die Zwischenablage

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

    Randfälle

    • Kein targetLocale angegeben:
      • Die Funktion gibt standardmäßig den eigenen Namen von displayLocale zurück.
    • Fehlende Übersetzungen:
      • Wenn localeNameTranslations keinen Eintrag für das targetLocale oder das spezifische displayLocale enthält, greift die Funktion auf den ownLocalesName zurück oder gibt "Unbekannte Sprache" zurück.

    Polyfills für React Native und ältere Umgebungen

    Die Funktion getLocaleName basiert auf der Intl.DisplayNames API, die in React Native oder älteren JavaScript-Umgebungen nicht verfügbar ist. Wenn Sie getLocaleName in diesen Umgebungen verwenden, müssen Sie Polyfills hinzufügen.

    Importieren Sie die Polyfills früh in Ihrer Anwendung, idealerweise in Ihrer Einstiegspunktdatei (z. B. index.js, App.tsx oder main.tsx):

    typescript
    Code kopieren

    Kopieren Sie den Code in die Zwischenablage

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

    Weitere Details finden Sie in der FormatJS Polyfills-Dokumentation.

    Warum Intlayer?
    Alt+→

    Auf dieser Seite

      Diskussionen sind anonym und werden regelmäßig überprüft, um häufige Probleme zu behandeln. Teilen Sie gerne Feature-Ideen, Feedback zur Dokumentation oder alles rund um Intlayer, wir nutzen diese Eingaben, um unsere Roadmap zu gestalten und das Produkt zu verbessern.

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