I have a javascript array like:
var arr = ['black', 'white'];
Now if I have a variable containing one of the element, how can I easily get the other? For example
var color = 'black';
var otherColor = '???'; // should be 'white', how can I get it?
I'm looking for the simplest/cleaner way possible.
Also, I don't want to mutate the original array.
Thanks
ANSWER
What about:
var otherColor = arr[1 - arr.indexOf(color)]
You can use Array.prototype.filter for that:
var arr = ['black', 'white'];
var color = 'black';
var otherColor = arr.filter(function(item){ return item !== color })[0];
Ternary if statement:
var otherColor = arr[0] === color ? arr[1] : arr[0];
arr.filter(x => x !== color)[0]
Here's an ES6 solution using destructuring to throw into the mix.
const arr = ['black', 'white']; // our list of values.
const [black, white] = arr; // destructured into variables black and white
const color = 'black';
cont otherColor === black ? black : white;
var otherColor = arr[1 - arr.indexOf(color)]