javascript 循环 while ，for ，switch ，do..while，for ..in/for..of 区别

59 阅读 0 评论 39 点赞

我是靠谱客的博主追寻老鼠，最近开发中收集的这篇文章主要介绍javascript 循环 while ，for ，switch ，do..while，for ..in/for..of 区别，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

do…while循环实例：

<script>

do {
	var input = prompt('How are you')
} while (!input);

</script>

for循环获取所有的偶数:

<script>
for (var num = 0; num <= 12; num += 2) {
document.write(num + '<br/>');
}
</script>

<script>
var count = 1;
for (var result = 0; result < 10; result += 1) {
count = count * 2
}
alert(count)
</script>

switch 循环:

<script>
switch (prompt("what it you name")) {
case "tim":
document.write('my name is tim');
break;
case 'sunny':
document.write("my name is sunny");
break;
default :
document.write('Unknow weather type!');
break;
}
</script>

for…in循环:

<script>
var k = [1,2,3,4,5];
	for(var i in k){
	console.log(i);
}
</script>

for…in和for…of区别：

ES5具有遍历数组功能的还有foreach、map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。

Array.prototype.method=function(){
　　console.log(this.length);
}
var myArray=[1,2,4,5,6,7]
myArray.name="数组"
for (var index in myArray) {
  console.log(myArray[index]);
}

for in 更适合遍历对象，for of 遍历数组；
for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。
for of遍历的只是数组内的元素，而不包括数组的原型属性method和索引name。

for in：

一般用于遍历对象的可枚举属性。以及对象从构造函数原型中继承的属性。对于每个不同的属性，语句都会被执行。
不建议使用for in 遍历数组，因为输出的顺序是不固定的。
如果迭代的对象的变量值是null或者undefined, for in不执行循环体，建议在使用for
in循环之前，先检查该对象的值是不是null或者undefined

for of：

for…of 语句在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments
对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句

两者的区别

遍历对象 for in

var s={a:1,b:2,c:3}
var s1=Object.create(s);
for(var prop in s1){
    console.log(prop);//a b c
    console.log(s1[prop]);//1 2 3
}

//对比用for of（不适用）：
for(let prop of s1){
    console.log(prop);//报错如下 Uncaught TypeError: s1 is not iterable 
}
//必须要这么写：
 for(let prop of Object.keys(s1)){
    console.log(prop);// a b c
     console.log(s1[prop]);//1 2 3
}

遍历数组 for of

var a=[1,2,3]
 for(let i of a){
    console.log(i); //1 2 3
}

//对比用for in（不适用）：
for(let i in a){
    console.log(i);     //0 1 2 
    console.log(a[i]); //1 2 3      //必须要这么写
 }