Как избежать пропуска индекса массива во втором массиве? - PullRequest
Новая
       6

Как избежать пропуска индекса массива во втором массиве?

0 голосов
/ 21 сентября 2018

Как не пропустить элементы массива года?

Я хочу, чтобы результат был: 

Banana
0
Mango
1

Текущий результат: 

Banana
0
Mango
3

Код здесь: 

<body>
<p id="demo"></p>
<script>
    var fruits, text, year, i;
    fruits = ["Banana", "Orange", "Apple", "Mango"];
    year = ["0", "1", "2", "3"];
    text = "<ul>";
    for (i = 0; i < fruits.length; i++) {
        switch (fruits[i]) {
            case 'Mango':
                text += "<li>" + fruits[i] + "</li>";
                text += "<li><b>" + year[i] + "</b></li>";
                break;
            case 'Pine apple':
                text += "<li>" + fruits[i] + "</li>";
                text += "<li><b>" + year[i] + "</b></li>";
                break;
            case 'Grape':
                text += "<li>" + fruits[i] + "</li>";
                text += "<li><b>" + year[i] + "</b></li>";
                break;
            case 'Banana':
                text += "<li>" + fruits[i] + "</li>";
                text += "<li><b>" + year[i] + "</b></li>";
                break;
        }
    }
    text += "</ul>";
    document.getElementById("demo").innerHTML = text;
</script>

1 Ответ

0 голосов
/ 21 сентября 2018

Циклически перебирайте массивы, как вы делаете, и увеличивайте счетчик секунд, когда фрукт соответствует одному из операторов case.Используйте счетчик, чтобы получить номер года из массива: 

var fruits, text, year, i;
fruits = ["Banana", "Orange", "Apple", "Mango"];
year = ["0", "1", "2", "3"];
text = "<ul>";
let counter = 0; // <-- define a second counter
for (i = 0; i < fruits.length; i++) {
  switch (fruits[i]) {
    case 'Mango':
      text += "<li>" + fruits[i] + "</li>";
      text += "<li><b>" + year[counter] + "</b></li>";
      counter++; // <-- that only get's incremented when a case is matched
      break;
    case 'Pine apple':
      text += "<li>" + fruits[i] + "</li>";
      text += "<li><b>" + year[counter] + "</b></li>";
      counter++;
      break;
    case 'Grape':
      text += "<li>" + fruits[i] + "</li>";
      text += "<li><b>" + year[counter] + "</b></li>";
      counter++;
      break;
    case 'Banana':
      text += "<li>" + fruits[i] + "</li>";
      text += "<li><b>" + year[counter] + "</b></li>";
      counter++;
      break;
  }
}
text += "</ul>";
document.getElementById("demo").innerHTML = text;
<p id="demo"></p>
...