tags:

views:

377

answers:

4

Is it a standard way to assign to multiple variables from an array in JavaScript? In Firefox and Opera, you can do:

var [key, value] = "key:value".split(":");
alert(key + "=" + value); // will alert "key = value";

But it doesn't work in IE8 or Google Chrome.

Does anyone know a nice way to do this in other browsers without a tmp variable?

var tmp = "key:value".split(":");
var key=tmp[0], value=tmp[1];

Is this something that will come in an upcoming JavaScript version, or just custom implementation in FF and Opera?

A: 

I think it should be a part of the new spec., then again it's a long read... :p

key = "key:value".split(":")[0];
value = "key:value".split(":")[1];

Only alternative I can think off.

Dmitri Farkov
That's not an alternative, gregers noted that possible solution in his question.
Daniel Lew
using the temporary variable is a much better option!
nickf
He noted, the possibility of doing so with a temporary variable, however in this method there is no need for one.
Dmitri Farkov
And call split() twice? You think that's better?
Daniel Lew
I agree temporary variable is a better option, but the question was for an alternative, and that's the only one I can think of.
Dmitri Farkov
@Daniel: I don't think I ever claimed it was better. But sure, if you have an alternative for him that doesn't use a temporary variable and is cross-browser please share. I followed his requirements and that's the only thing that fits. Obviously and hopefully people would save cycles to not call split twice.
Dmitri Farkov
Hmm, maybe a bit better: var str = "key:value"; str = str.split(":")then do the assigning. No extra temporary variable needed, just the string variable which you'll already have.
Dmitri Farkov
+1  A: 

I don't think this is possible in a cross browser way. The best that I know which might help in a few circumstances is this:

// we'll pretend you don't need the key.
var value = "key:value".split(":")[1];
nickf
A: 

I don't know how you are using this, but if I was able to determine my own format for the "key:value" string, I'd be tempted to use json to just eval the string into the necessary object:

var obj = eval("{'key':'key_str', 'value':'val_str'}");
alert(obj.key + "=" + ojb.value);  //alerts "key_str=value_str
jrb
Sorry about the confusing question, but I specifically want to assign to multiple variables from an array. The split function will return an array. Btw eval is evil ;)
gregers
Ah, I see. The split() was just for the question, to get an array for your example.And why is eval evil? It's not secure, but then neither is anything in javascript.
jrb
+1  A: 

If you want to know what's coming, read the section on Destructuring Assignment.

https://developer.mozilla.org/en/New_in_javascript_1.7

What language features you can use is always dependent on your environment.

Developing for Mobile Safari (or a web stack for other browsers like the Palm Pre, Android, etc.) or AIR, for example, is more predictable than developing for the web at large (where you still have to take even IE6 into account).


A cross-browser solution to the problem at hand would be to initialize an array that had a list of the variables you want to fill in window.variable format, then just loop through. Can't imagine why you'd do it though. Seems like there would always be a better solution.

Nosredna
https://developer.mozilla.org/en/New_in_javascript_1.7#Destructuring_assignment was just what I was looking for! I tried reading the EcmaScript spec, but that was a bit heavy. The mozilla documentation was very good! Thanks :)
gregers