浅谈前端 | JavaScript流程控制

微信公众号搜索【程序媛小庄】，领取全套python全栈教程，还有小庄整理的不断更新的电子书、面试资料等你来拿哦~

前言

JavaScript作为编程语言也有分支结构和循环结构来控制代码的执行流程。

分支结构

python的分支结构是使用if分支结构，在JavaScript中有两种分支结构，分别是if和switch。

if结构

// 语法结构
if (条件)
{
    条件成立时执行的代码
}
else if(条件)
{
    条件成立时执行的代码
}
...
else
{
    上述条件都不成立时的代码
}

// 小例子
var age = 18;
if (age>18)
{
    console.log('欢迎光临')  // console.log('') 在浏览器的console中可以打印出来
}
else if(age=18)
{
	console.log('再等等')
}
else
{
	console.log('未成年人禁止入内')
}

switch结构

// 语法结构
switch(条件)
{
	case 条件:
		条件成立时执行的执行代码
		break;
	case 条件:
		条件成立时执行的执行代码
		break;
	case 条件:
		条件成立时执行的执行代码
		break;
	default:
		console.log('上述条件都不成立')
}

// 小例子
var num = 2;
switch(num){
  case 0:
  	console.log('喝酒');
  	break;  # 不加break 匹配到一个之后 就一直往下执行
  case 1:
  	console.log('唱歌');
  	break;
  case 2:
  	console.log('洗脚');
  	break;
  case 3:
  	console.log('按摩');
  	break;
  case 4:
  	console.log('营养快线');
  	break;
  case 5:
  	console.log('老板慢走 欢迎下次光临');
  	break;
  default:
  	console.log('条件都没有匹配上 默认走的流程')
}

三元运算

注意：三元运算不要写的太复杂哦

// 语法格式
var/let res = 条件? 条件成立时的结果:条件不成立时的结果

// 小例子
var res = 2>5 ? 2:100  // 100
let res = 2>5 ?10:(8>5?1:2)  // 1

循环结构

for循环

// 以案例说明，循环打印0-9
for(let i=0; i<10; i++)
{
	console.log(i);
};

// 循环打印数组中的元素
var a = [111,222,333];
for (let i=0; i<a.length; i++)
{
	console.log(a[i]);
};

while循环

// 循环打印0-99
var i = 0;
while (i < 100)
{    
	console.log(i);    
	i++;
};

结语

文章首发于微信公众号程序媛小庄，同步于掘金、知乎。

码字不易，转载请说明出处，走过路过的小伙伴们伸出可爱的小指头点个赞再走吧(╹▽╹)