流程控制的分支,循環(huán)

• 分支

1. if(){}else if(){}else{}

// 分支：
let grade=60;
if(grade<60){
    console.log('不及格'); 
}else if(grade>=60 && grade<80){
    console.log('及格');
}else if(grade>=80 && grade<90){
    console.log('優(yōu)秀');
}else{
    console.log('完美');
}

2.switch

// switch分支
let grade=50;
switch(true){
    case grade<60 :
        console.log('不及格');
        break;
    case grade>=60 && grade<80:
        console.log('及格');
        break;
    case grade>=80 && grade<90:
        console.log('優(yōu)秀');
        break;
    default:
        console.log('完美');
}

• 循環(huán)

// 1.for循環(huán)
const arr=[1,2,3,4,5,6];
for(let i=0,length=arr.length;i<length;i++){
    console.log(arr[i]);
}
// 2.while循環(huán)
let i =0
while(i < arr.length){
    console.log(arr[i]);
    i++;
}
// do...while循環(huán)
let j=0;
do{
    console.log(arr[j]);
    j++;
}while(j<arr.length)
// for-of迭代器，用于遍例數(shù)組。
// item of arr.entries()返回鍵值對(duì)數(shù)組[0,1],[1,2],[2,3]...
// item of arr.keys()僅返回鍵
// item of arr.values()僅返回值
// item of arr僅返回值
for(let item of arr){
    console.log(item);
}
// for - in 遍例對(duì)象
const obj={id:1,title:'開(kāi)博第一天',content:'感覺(jué)不錯(cuò)！'};
for(let item in obj){
    console.log(obj[item]);
}

函數(shù)的參數(shù)與返回值

// 1 參數(shù)不足，給參數(shù)設(shè)置默認(rèn)值
let fn=(a,b=9)=>a+9;
console.log(fn(8));
// 2.參數(shù)過(guò)多，用...args將多余參數(shù)壓入一個(gè)數(shù)組(rest語(yǔ)法)
let f1=(a,b,...args)=>args;
console.log(f1(2,3,4,5,6,7,8));
// 如果...后面跟一個(gè)集合數(shù)據(jù)如數(shù)組，則會(huì)將集合中的元素全部展開(kāi)
console.log(...[1,2,3,4,5]);
let imp = {...[1,2,3,4,5]};
console.log(typeof imp);
console.log(imp);
console.log(imp[0]);

// 返回值
// 1.默認(rèn)返回單值
f4=()=>'返回值';
console.log(f4());
// 2.返回多值 可用返回?cái)?shù)組或?qū)ο蠼鉀Q
f4=()=>[1,2,3,4,5];
console.log(f4()[1]);
// 如果返回對(duì)象，則對(duì)象需要用（）包起來(lái)，否則出錯(cuò)。
f4=()=>({a:1,b:2,c:3});
console.log(f4().a);

對(duì)象字面量的簡(jiǎn)化方案

// 對(duì)象字面量的簡(jiǎn)化方案
// 1.對(duì)象屬性的簡(jiǎn)化：如果屬性名與變量名同名，且在同一作用域。變量名可不寫(xiě)。
let title='好好學(xué)習(xí)，天天向上！';
const art={
    title,
    content:'背著書(shū)包向?qū)W堂'
}
console.log(art.title);
// 2.方法簡(jiǎn)化：直接將 :function 去掉
const go = {
    name:'小明',
    getName(){
        return this.name;
    }
}
console.log(go.getName());

模板字面量、與原始字符串的區(qū)別

• 表示方法：qwe${變量}123
• 區(qū)別：原始字符串里面不能包含變量，模板字面量中可以包含變量、表達(dá)式、函數(shù)等。

let desc='描述信息';
let out=`請(qǐng)?jiān)谶@里輸入 ${desc}`;
console.log(out);

模板函數(shù)

// 模板函數(shù)
// 定義：使用“模板字面量”為參數(shù)的函數(shù)
// 參數(shù)說(shuō)明：第一個(gè)參數(shù)是由字面量組成的數(shù)組（模板），第二個(gè)參數(shù)及之后的全為插值（變量）
// 調(diào)用：調(diào)用時(shí)不能用fn()這種方式，而是用fn``
function heji(str,num,price){
    console.log(str,num,price);
    console.log(str[0],num*price,str[2]);
}
let num=10,price=2.3;
heji`總計(jì)：${num}${price}元`

批改老師：PHPz

批改狀態(tài)：合格

老師批語(yǔ)：