這篇文章主要介紹了Vue如何使用對象代替if及switch，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),臺江企業(yè)網(wǎng)站建設(shè),臺江品牌網(wǎng)站建設(shè),網(wǎng)站定制,臺江網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,臺江網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

使用對象代替 if 及 switch

在很多情況下，我們經(jīng)常會遇到循環(huán)判斷執(zhí)行賦值操作的場景，一般我們都會使用 if 及 switch 的條件判斷，如果符合則執(zhí)行賦值，不符合則進入下個判斷，比如：

let name = 'lisi';
let age = 18;

if (name === 'zhangsan') {
 age = 21;
} else if (name === 'lisi') {
 age = 18;
} else if (name === 'wangwu') {
 age = 12;
}

// 或者
switch(name) {
 case 'zhangsan':
  age = 21;
  break
 case 'lisi':
  age = 18;
  break
 case 'wangwu':
  age = 12;
  break
}

這樣的寫法不僅冗余，而且代碼執(zhí)行效率不高，我們可以使用對象的形式簡寫：

let name = 'lisi';
let obj = {
 zhangsan: 21,
 lisi: 18,
 wangwu: 12
};

let age = obj[name] || 18;

以上這種技巧適用于循環(huán)判斷一次賦值的情況，如果判斷過后有較多處理邏輯的還需要使用 if 或 switch 等方法。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Vue如何使用對象代替if及switch”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!