JS流程控制语句

70 阅读2分钟

if语句

  • if (条件) { do something }
  • if (条件) { do something } else { do something }
  • if (条件) { do something } else if (条件) { do something } else { do something }

switch 语句

switch(expresstion){
  	case value1:
  	statement;
  	break;
  	case value2:
  	statement;
  	break;
  	case value3:
  	statement;
  	break;
  	default:
  	statement;
}

上面代码中,expresstion与case相匹配时就会执行下面的statement,遇到break再退出,如果没有遇到break会一直执行。

for语句

for-in语句,一般用于遍历对象

let obj = {1:'这是1', name:'gorge', 3:3}      //声明一个对象
for (let key in obj){													//用for in循环遍历该对象
  console.log(`${key} : ${obj[key]}`)         //这里使用字符串模板输出
}
1 : 这是1 
3 : 3 																				//输出结果
name : 

上面代码中 obj[key] 不能写成obj.key; obj.key 是访问obj里面的key属性

for-of 语句

  • 用于遍历可迭代对象(Array、Map、Set、String、arguments)
  • 得到每一个值
let str = '';								//设置str为空字符串
let name = 'gorge'					//设置遍历对象
for (char of name){
  	str += char							//得到str为'gorge'
}

上面代码中,char把name的字符打散成一个个

同理用for-in语句可以这样写

let str = '';
let name = 'stephen';
for (char in name){
  	str += name[char]
}

continue 关键字

  • 跳过本次循环,继续下次循环

break 关键字

  • 立即停止,跳出循环体

函数

  • 一个能实现特定功能的固定程序段,带有一个入口和一个出口
        let arr = [1, 2, 0, 4, -6, -3, -0.3, 3]
        let result = 0
        function sum(x){					//声明函数
            for(num in x){
            console.log(num);
            if(arr[num] > 0){
                result += arr[num]**2
            }
        }
        console.log(`结果为:${result}`);			//用字符串拼接输出
        }
        sum(arr)								//调用函数执行

先声明,再调用

调用才是真正执行

函数的两种声明方式

  • 函数声明
function sum1(num1, num2){
            let result1 = num1 + num2;
            return result1
        }
let num1 = sum1(1, 3)
console.log(`num1为${num1}`);				//输出'num1为4'
  • 函数表达式
      	const sum2 = function(num1, num2){
            let result2 = num1 + num2
            return result2
        }
        console.log(`结果为${sum2(2, 4)}`);		//输出"结果为6"

函数返回值

      	const sum2 = function(num1, num2){
            let result2 = num1 + num2
            return result2
        }
        console.log(`结果为${sum2(2, 4)}`);	
  • 在函数中,使用return把结果导出
  • 函数执行到return就立即终止
  • 如果没有设置return,默认返回的是undefined

上面代码中,因为没有return 输出 "结果为undefined"

箭头函数

👆大概是这样

const sum = (参数) => {
  	*****
  	return **
}

👆最常见的用法