无法在javascript中循环数组

Question

嘿，伙计们，我需要知道如何在 javascript 中循环数组，我多次使用 php，我知道如何用 foreach 循环数组，但我不知道如何在 js 中使用它，我正在尝试设置一些选择输入中的选定标签 这是foreach

montant.forEach(element => {
      $('#montant').empty()
           .append('<option value="'+element.id+'">'+element.designation+'</option>')
           .val(''+element.id+'').trigger('change')});

montant 是一个包含具有这些元素的数组的值

const montant = [
  {designation: 120000, id: 11},
  {designation: 30000, id: 12},
  {designation: 40000, id: 13}
]

使用我使用的 foreach，我只得到了第一个元素

Answer 1

如果montant 是一个数组，那么使用forEach 是正确的。但是，对于循环的每次迭代，您都在这样做：

$('#montant').empty().append(...)

因此，对于每个项目，您都在清空 #montant（我假设是 select），所以最后，您的选择只有一个 option，即最后一个。

我认为您必须在循环之前使用empty()，然后在之后使用trigger，这样就不会为数组的每个项目调用事件处理程序：

const $montant = $('#montant');
$montant.empty()
montant.forEach(element => $montant.append(...));
$montant.trigger('change');

现在，您的select 应该已正确填充。