javascript - 这个程序有什么问题没有遍历数组

Question

为什么程序不遍历数组! menu.length 为 4，但 for 循环仅迭代一次!这是我在堆栈溢出中的第一篇文章，如果它是如此令人震惊，那么抱歉!

var menu=["Electrical calulator","Light Calulator","Finance Calculator","temperature calculator"];


console.log(menu.length);
for(var i=0;i<menu.length;i++)
{
	console.log(i);
	var li=document.createElement("li");

	var a=document.createElement("a");
	var i=document.createElement("i");
	i.className = "icon mdi mdi-home";
	var span=document.createElement("span");
	console.log(menu[i]);
	span.innerHTML=menu[i];
	a.appendChild(i);
	a.appendChild(span);
	li.appendChild(a);
	document.getElementById('menu_bar').appendChild(li);
}

<div id="menu_bar"></div>

Answer 1

您将在此处重新定义 i 变量:

var i=document.createElement("i");