Discussion :

[Aquellito]

Bonjour à tous,

Petite question qui me taraude depuis un moment.

Il est possible de déclarer plusieurs variables sur une même ligne. Ok mais comment leurs allouer la même valeur.

En effet si je déclare mes variables comme ceci, seule la dernière variable déclarée prend la valeur test. La première est Undefined.

Code :

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

var variable_1, variable_2 = "test";

Y-a t'il une syntaxe qui permette de le faire ?

Merci.

[vermine]

Bonjour,

Code :

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

var variable_1 = variable_2 = "test";

[Aquellito]

Ok, ça me va pour la déclaration !

Merci

Par contre je ne vais pas pouvoir arriver là où je voulais en venir.

Code :

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

1
2
3
4
5
6
7
var variable_1 = variable_2 = variable_3 = "Ceci est une couleur ";
 
variable_1 += "rouge";
variable_2 += "verte"; 
variable_3 += "bleue"; 
 
variable_1, variable_2, variable_3 += " foncée";

Je vais donc bien être obligé de faire ceci pour que variable_2 et variable_3 soient "foncées" :

Code :

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

1
2
3
4
5
6
7
8
9
var variable_1 = variable_2 = variable_3 = "Ceci est une couleur ";
 
variable_1 += "rouge";
variable_2 += "verte";
variable_3 += "bleue";
 
variable_1 += " foncée";
variable_2 += " foncée";
variable_3 += " foncée";

C'est quand même dommage d'avoir une ligne à chaque fois juste pour incrémenter "foncée" à la fin de la chaîne.

[TheGwy]

Non vermine, tu n'as pas déclaré variable_2, et donc tu as créé une propriétée de l'objet global.

La preuve par l'exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
var test2 = 21;
console.log(test2);
 
(function(){
 
    var test1 = test2 = 42;
    console.log(test1, test2);
})();
 
console.log(test2);

Retourne :
21
42, 42
42



Il faut déclarer dans une première expression, puis attribuer une valeur dans une seconde;

Code :

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

1
2
3
4
5
6
7
8
9
10
var test2 = 21;
console.log(test2);
 
(function(){
 
    var test1, test2 = test1 = 42;
    console.log(test1, test2);
})();
 
console.log(test2);

Retourne :

21
42, 42
21

[vermine]

Effectivement TheGwy.

Ce qui n'arrange pas Aquellito qui va se retrouver avec ce genre d'instruction :

Code :

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

var variable_1, variable_2, variable_3 = variable_2 = variable_1 = "Ceci est une couleur ";

Ca donne peut-être mieux ainsi :

Code :

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

1
2
3
 
var variable_1, variable_2, variable_3;
variable_1 = variable_2 = variable_3 = "Ceci est une couleur ";

Quant à la concaténation, pour l'instant je ne vois pas trop de solution à part boucler en jouant sur le nom des variables ou de regarder du côté des Frameworks.

[Aquellito]

Ok je suis un peu déçu par Javascript sur ce coup là lol, mais bon je retiens la méthode ci-dessous :

Code :

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

1
2
3
4
5
6
7
8
9
10
var variable_1, variable_2, variable_3;
variable_1 = variable_2 = variable_3 = "Ceci est une couleur ";
 
variable_1 += "rouge";
variable_2 += "verte";
variable_3 += "bleue";
 
variable_1 += " foncée";
variable_2 += " foncée";
variable_3 += " foncée";

Merci à tous pour votre aide.

[dukej]

Ben au lieu d'être déçu tu utilises un tableau comme on fait dans ces cas là :o

Code :

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

1
2
3
4
 
var colors = ["rouge", "verte", "bleue"].map(function(color){
    return "Ceci est une couleur {0} foncée".replace("{0}", color);
});

Solution 2

Code :

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

1
2
3
4
 
var colors = "rouge|verte|bleue".replace(/(\w+)/g,function(a,b){
    return "Ceci est une couleur "+ a + " foncée";
}).split('|');

[vermine]

Oui dukej, mais je ne suis pas sûr que le mot "foncé" doivent apparaitre systématiquement et que le but est peut-être d'avoir une certaine souplesse à ce niveau.

[Aquellito]

Je sais je suis un peu débile mais c'est quand même légèrement moins intuitif que la méthode du dessus et je ne comprends pas tout. Toujours est-il que je vais décortiqué ça (avec mon tout petit niveau en javascript lol). Il faut bien progresser dans la vie !