Como Pegar O Idioma Do Navegador

Alguma vez você já precisou pegar o idioma que o usuário utiliza em seu navegador para utilizar no sistema, seja para exibir alguma informação daquele idioma ou até para realizar a internacionalização?

O navagador possui, dentro da propriedade navigator, os idiomas preferenciais do usuário, e é muito fácil recuperar esse valor:

Para recuperarmos, vamos acessar a propriedade navigator:

1
2
3
4
5
6
const userLocale = navigator?.languages?.length ? navigator.languages[0] : navigator.language;

console.log(userLocale); // 👉️ "pr-BR", essa opção vai retornar o idioma preferencial

// Ou da seguinte maneira 👇️
console.log(navigator.languages); // ["pt-BR", "en-US", "en"], dessa forma retorna um array com os idiomas que o usuário tem preferência

Simples não é?