Проблема с простыми вложенными циклами в Javascript

Question

У меня возникла странная проблема с вложенными циклами в Javascript. Я хочу заполнить массив ответов на одном языке, а затем включить их в другой массив. Проблема в том, что, когда я вижу вывод, используется только последняя итерация массива из внутреннего цикла for. Я считаю, что это связано с закрытием, основанным на других ответах, но поскольку у меня нет нескольких функций, я не был уверен, как это будет. Вот JS Fiddle.

Вот код:

var answer_array = []; 
var content_array = []; 
var i18n_array = ['en', 'fr', 'es']; 

for (var i18nCount = 0; i18nCount < 3; i18nCount++) { 

    var i18nLang = i18n_array[i18nCount]; 

     for (var ansIndex = 0; ansIndex < 3; ansIndex++) { 
      answer_array[ansIndex] = { 
       value: 'This is answer # ' + ansIndex + ' in this language ' + i18nLang 
      }; 
     } 

     console.log(i18nCount); 
     console.log(i18nLang); 
     console.log(JSON.stringify(answer_array,null,4)); 

    content_array[i18nCount] = { 
     i18n: i18nLang, 
     text: 'This question is in ' + i18nLang + ' language?', 
     answers: answer_array, 
    }; 
} 

console.log(JSON.stringify(content_array,null,4)); 

Он производит это:

0 
en 
[ 
    { 
     "value": "This is answer # 0 in this language en" 
    }, 
    { 
     "value": "This is answer # 1 in this language en" 
    }, 
    { 
     "value": "This is answer # 2 in this language en" 
    } 
] 
1 
fr 
[ 
    { 
     "value": "This is answer # 0 in this language fr" 
    }, 
    { 
     "value": "This is answer # 1 in this language fr" 
    }, 
    { 
     "value": "This is answer # 2 in this language fr" 
    } 
] 
2 
es 
[ 
    { 
     "value": "This is answer # 0 in this language es" 
    }, 
    { 
     "value": "This is answer # 1 in this language es" 
    }, 
    { 
     "value": "This is answer # 2 in this language es" 
    } 
] 
[ 
    { 
     "i18n": "en", 
     "text": "This question is in en language?", 
     "answers": [ 
      { 
       "value": "This is answer # 0 in this language es" 
      }, 
      { 
       "value": "This is answer # 1 in this language es" 
      }, 
      { 
       "value": "This is answer # 2 in this language es" 
      } 
     ] 
    }, 
    { 
     "i18n": "fr", 
     "text": "This question is in fr language?", 
     "answers": [ 
      { 
       "value": "This is answer # 0 in this language es" 
      }, 
      { 
       "value": "This is answer # 1 in this language es" 
      }, 
      { 
       "value": "This is answer # 2 in this language es" 
      } 
     ] 
    }, 
    { 
     "i18n": "es", 
     "text": "This question is in es language?", 
     "answers": [ 
      { 
       "value": "This is answer # 0 in this language es" 
      }, 
      { 
       "value": "This is answer # 1 in this language es" 
      }, 
      { 
       "value": "This is answer # 2 in this language es" 
      } 
     ] 
    } 
] 

Answer 1

Вы повторно использовать один и тот же answer_array снова и снова, переписав это 3 члена.

Создайте новый массив на каждой внешней итерации цикла, а не вне цикла.

Например:

var content_array = []; 
var i18n_array = ['en', 'fr', 'es']; 

for (var i18nCount = 0; i18nCount < 3; i18nCount++) { 
    var answer_array = []; // Move this inside 
    var i18nLang = i18n_array[i18nCount];