getting a value from an array or a single value

Question

I want to extract a value from a variable. If its an array, I want the first element, and if not, I want the value of that variable. The value is a float, but I was wondering which of these are better in terms of performance, portability to non-floats, and of course short code and code readability

I want to use

value = variable[0] || variable

Its short and nice, is there any caveats is using this?

or I can do,

value = ([].concat(variable))[0]

This SO question says it's bad for performance.

And then, ofcourse, I can check if variable is an array or not in a few different ways, that is also mentioned in above question. Is there any better ways if the first one is not good?

Answer 1

Your value = variable[0] || variable will work, and will work reliably. Technically, if variable is a number primitive, what the JS engine has to do at that point is promote it to an object and then look up the 0 property on that object, but as you know it won't have one, that's okay.

The only cases where that may fail are if variable is null or undefined, because neither of those can be promoted to an object, and so the expression will throw. Provided you're okay with that, then you can use that. I'd comment it, though, because it's pretty odd-looking.

If you needed to defend against null and undefined, you could use the fact that == null will filter out both of those:

value = variable == null ? undefined : variable[0] || variable;

I'd comment that, too. :-)