javascript循环中 of 和 in 的区别

javascripe中循环语句 of 和 in 的区别

for in:（它大部分用于遍历数组的索引（key值））

定义：用于循环遍历数组或对象属性，fot in循环里面的index是string类型的，
代码每执行一次，就会对数组的元素或者对象的属性进行一次操作

缺点：某些情况下，会出现随机顺序的遍历，因为里面的值是string类型，所以
增加了转换过程，因此开销较大

优点：可以遍历数组的键名，遍历对象简洁方便
for of:（可遍历map，object,array,set string等）用来遍历数据，比如数组中的元素s值，

优点：避免了for in的所有缺点，可以使用break,continue和return，不仅支持数组的遍历，还可以遍历类似数组的对象，支持字符串的遍历
最简洁，最直接的遍历数组的语法,支持map和Set对象遍历

缺点：不适用于处理原有的原生对象（原生对象是一个子集，包含一些在运动过程中动态创建的对象）

举例说明:

• in方法

function show(data){
	var html="";
for(var d in data){
		html+="<tr><td>"+data[d].id+"</td><td>"+data[d].name+"</td><td>"+data[d].age+"</td><tr>";
	}
	$("#tbody").empty().html(html);
}

可以看到此时for方法遍历的是data的key值,即data数组的下标。

• of方法

function show(data){
	var html="";
	for(var d of data){
		html+="<tr><td>"+d['id']+"</td><td>"+d['name']+"</td><td>"+d['age']+"</td><tr>";
		}
	$("#tbody").empty().html(html);

此时遍历的是data数组中的对象,只需要找到对象的属性即可。