Vue如何使用對(duì)象代替if及switch

發(fā)布時(shí)間：2022-03-19 14:09:12 來(lái)源：億速云閱讀：401 作者：小新欄目：web開(kāi)發(fā)

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

使用對(duì)象代替 if 及 switch

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

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
}

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

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

let age = obj[name] || 18;

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

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

向AI問(wèn)一下細(xì)節(jié)

Vue如何使用對(duì)象代替if及switch

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽