Использование операторов в массиве Javascript

Question

Мне нужно добавить переменные к некоторым значениям в массиве. Просто, я хочу это сделать:

var a = prompt("Enter either PNG or JPG"); 
var array = ["foo." + a, "bar." + a,"vid.oog"]; 

var x = prompt("Which image to display?"); 
document.getElementById('imge').src=array[x] 

Это не позволяет мне; он просто возвращает «undefined». Есть ли способ сделать это? Я не хочу определять кучу переменных, а затем вставлять эти переменные в массив. Я также не могу просто добавить «+ a» в конец последней строки, потому что это приведет к тому, что третий элемент в массиве будет «vid.oogjpg» или «vid.oogpng».

Я знаю, что на Python вы можете это сделать. К сожалению, не JS.

Answer 1

Просто объявить массив как это:

var array = ["foo","bar","vid.oog"]; // leave them without extension it will be added later. 

, а затем вы можете сделать это:

array.map(function(x){ 
    return x.indexOf('.') == -1 ? x + "." + a : x; 
});