JS 循环语句 for

在 js 中循环语句用的频率很高,for语句也很容易理解。

  • for 语句
  • for in 语句

JS - for 循环

for (语句 1; 语句 2; 语句 3)
{
    代码块
}

示例一,基本用法:

var array = [1, 2, 3, "abc"];

for(var i=0; i<array.length; i++){
	console.log(array[i]);
}
/* 倒序打印 */ 
for(var i=(array.length-1); i>=0; i--){
	console.log(array[i]);
}

示例二,打印节点:

<ul id="ul">
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
	<li>列表项4</li>
</ul>

<script>
var ul = document.getElementById("ul"); 
var liList = ul.children;

for(var i=0; i<liList.length; i++){
	console.log(liList[i].innerHTML);
}
</script>

结果为 :

列表项1
列表项2
列表项3
列表项4

示例三,打印对象数组 :

var users=[
	{ name:"张三",age:24,address:"福建" },
	{ name:"李思",age:25,address:"北京" },
	{ name:"王五",age:29,address:"深圳" }
] 

for(var i=0; i<users.length; i++)
{
	console.log(users[i].name);
}

结果为:

张三
李思
王五

JS - for in 循环

for (语句 in 数据集合) 
{
    代码块
}
for (var i in array)  
{
    // console.log(i); //打印的时索引值
		console.log(array[i]);
}

for (var x in users)  
{
    console.log(users[x].name)
}