Format store the user's language by browser

Question

I first check the navigator.languages array for its first element.

Then I get either navigator.userLanguage or navigator.language.

If this fails we get navigator.browserLanguage.

const getNavigatorLanguage = () =>
  (navigator.languages && navigator.languages.length) ?
    navigator.languages[0] :
    navigator.userLanguage ||
      navigator.language ||
      navigator.browserLanguage

I can get the result depending on the location in the format: en-US, fr-FR, pl-PL, es-ES. Is it possible to get the result in the format: en, fr, pl, es?
Without US,FR, PL,ES

`const xx = getNavigatorLanguage().split('-')[0]; // 'en', 'fr', ...` — Roko C. Buljan, Aug 18 '19 at 00:31

Jack Bashford · Accepted Answer · 2019-08-18T01:22:18.560

1

You have basically three ways to do this. Split on a hyphen - and get the first element of the array:

const [res] = getNavigatorLanguage().split("-");

Use a regex:

const [, res] = getNavigatorLanguage().match(/(\w*?)-/);

Or use substring:

const res = getNavigatorLanguage.substring(0, 2);

edited Aug 18 '19 at 01:22

answered Aug 18 '19 at 00:40

Jack Bashford

43,180
11
50
79

You don't need `indexOf` in the `substring` case, since all language codes are two letters. – Heretic Monkey Aug 18 '19 at 00:42
Interesting - thanks @HereticMonkey! – Jack Bashford Aug 18 '19 at 01:22

Format store the user's language by browser

1 Answers1