js中常用的循环

189 阅读1分钟

转载请注明出处,谢谢

普通for循环:

语法:

for (初始化变量; 条件表达式; 操作表达式) {
      循环体
}

一般用法: 

for (var i = 1; i <= 100; i++) {
    console.log('你好吗');            //控制台输出100个 你好吗
    console.log('i');                 //控制台输出1-100
}
    

遍历数组: 

  var arr = [1, 2, 'pink', true];
  for (var i = 0; i < arr.length; i++) {
      console.log(arr[i]);               //控制台输出数组中的每一项
  }

for in (常用于遍历对象也可以遍历数组)

遍历对象: 

 var obj = {

     price:5299,
     name:'苹果12',
     color:'白色',
     ram:'128G'

 }

for(var key in obj){
        console.log (key);     // key 指的是对象的属性名(键)
        console.log(obj[key]);  // 注意:遍历对象只能使用 [] 语法,获取对象的属性值

        }
    
    

遍历数组:

var arr = ['a','q','e','r'];

for(var index in arr){
    console.log(index);             //索引
    console.log(arr[index]);        //数组值
}
    

for of

遍历数组:

   var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
   for (var value of arr) {
       console.log(value);    //数组中的每一项
   }

遍历字符串:

var str = "Hello World!";
for (var value of str) {
   console.log(value);    //字符串中的每个元素(包括空格)
}

遍历字对象:

var obj = { "name": "Clark", "surname": "Kent", "age": "36" };
for (var value in obj) {
   console.log(value);   //属性名
   console.log(obj[value]);   //属性名对应的属性值
} 

数组API(forEach)

var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
arr.forEach(function (item, index, array) {
console.log(`
      item代表${item}                   //item表示数组内容
      index代表${index}                 //index表示索引
      array代表${array}                 //array表示该数组
    `);
})

注:forEach不能遍历类数组

switch

var a=new Date().getDay();
var b="";
switch(a){
	case 0:
	b="日";
	break;
	case 1:
	b="一";
	break;
	case 2:
	b="二";
	break;
	case 3:
	b="三";
	break;
	case 4:
	b="四";
	break;
	case 5:
	b="五";
	break;
	default:
	b="六";
}
document.write("今天是星期"+b);


转载请注明出处,谢谢