Discussion :

[moimp]

Bonjour,
J'ai le script suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
const	
	weekDays = {
	'en': ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
	'fr': ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
	'de': ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag']
	};
 
	console.log(langue);	// = 'fr'
	console.log(jour);	// = 3
	var		strJour	= weekDays.langue[jour];		undefined
	var		strJour	= weekDays.langue.value[jour];		undefined

Les deux dernières lignes me renvoient undefined. Si je remplace langue par en ou fr sans guillemets ou apostrophes, j'obtiens la valeur voulue. Comment accéder au mercredi?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

weekDays[langue][jour]

[NoSmoking]

Bonjour,

weekDays.langue[jour]

Ce que tu fournis comme code est incomplet, donc avec ce que l'on a, langue n'étant pas une clé de ton objet weekDays, tu ne peux pas !

[moimp]

Merci à tous les deux. Vos deux explications m'ont été utiles.

[moimp]

J'ai modifié mon code en vue d'une simplification plus loin dans le code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const lang='fr';	// transmis depuis PHP
const
	en = {
		weekDays:	['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']
		,monthes:	['January','February','March','April','May','June','July','August','September','October','November','December']
		,week:		'Week'
	},
	fr = {
		weekDays:	['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi']
		,monthes:	['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre']
		,week:		'Semaine'
	},
	de = {
		weekDays:	['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag']
		,monthes:	['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember']
		,week:		'KW'
	};

Maintenant, je veux extraire les seuls paramètres de langue qui m'intéressent avec quelque chose du genre const param = lang;. J'ai trouvé une solution mais elle est plutôt lourde:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
switch(lang)
{
	case 'en':
		var params = Object.assign({}, en);
	break;
	case 'fr':
		var params = Object.assign({}, fr);
	break;
	case 'de':
		var params = Object.assign({}, de);
	break;
	default:
		var params = Object.assign({}, fr);
	break;
}

[NoSmoking]

Une autre solution peut-être moins lourde :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
const lang = "en";  // transmis depuis PHP
const countryLabels = {
  "en": {
    weekDays: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']
    ,months: ['January','February','March','April','May','June','July','August','September','October','November','December']
    ,week:    'Week'
  },
  "fr": {
    weekDays: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi']
    ,months: ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre']
    ,week:    'Semaine'
  },
  "de": {
    weekDays: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag']
    ,months: ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember']
    ,week:    'Woche'
  }
}
const labelDate = countryLabels[lang];
// on utilise labelDate
console.log(labelDate);

[moimp]

Merci. Ta solution a le gros mérite de favoriser l'ajout d'autres langues sans retoucher la suite du code.
Entre temps j'avais trouvé une autre solution qui revient au même en décomposant la définition de l'objet:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const lang='fr';	// transmis depuis PHP
const
	en = {
		weekDays:	['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']
		,monthes:	['January','February','March','April','May','June','July','August','September','October','November','December']
		,week:		'Week'
	},
	fr = {
		weekDays:	['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi']
		,monthes:	['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre']
		,week:		'Semaine'
	},
	de = {
		weekDays:	['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag']
		,monthes:	['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember']
		,week:		'KW'
	};
const 	data = {en, fr, de};	// NE PAS OUBLIER D AJOUTER LES NOUVELLES LANGUES ICI

Cette dernière solution a l'avantage de décomposer le code mais l'inconvénient d'avoir encore une ligne à retoucher en cas d'ajout.