javascript - 如何避免跳过第二个数组中的数组索引?
问题描述
怎么才能不跳过当年数组的元素呢?
我希望结果是:
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>
解决方案
像您一样循环遍历数组,并在水果与其中一个 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>
推荐阅读
- azure - microsoft-graph Azure AD登录预览日志修改
- ruby-on-rails - Spring 为每次测试运行重新开始
- vaadin - Vaadin 10+:如何处理未捕获的异常?
- apache-spark - Spark RDD 以独占方式按键分区
- python - 如何在熊猫数据框中查找连续相同字符串值的计数?
- python - 如何判断我的 Python 包是否使用 C 扩展?
- stata - 如何以编程方式创建宏的名称并将其用作宏?
- python - 使用 Python 中的第二列按字母顺序排列文本文件
- ios - 编辑 Swift 4 时 TextField 消失
- python - Python Scrapy - 无法登录网站