JavaScript?中處理?null和?undefined的常見方法
1.可選鏈操作符（?.）
const user = {
address: {
city: "Beijing"
}
};
console.log(user.address?.city); // 輸出 "Beijing"
console.log(user.unknown?.city); // 輸出 undefined當(dāng)鏈?zhǔn)讲檎也坏较乱粋€(gè)屬性時(shí)候，就會(huì)返回undefined
2.空值合并操作符（??）
當(dāng)??的左側(cè)值為 null 或 undefined的時(shí)候 就會(huì)取到右側(cè)的 默認(rèn)值
console.log(null ?? "default"); // 輸出 "default"
console.log(undefined ?? "default"); // 輸出 "default"
console.log("Hello" ?? "default"); // 輸出 "Hello"
console.log("" ?? "default"); // 輸出 ""
console.log(0 ?? "default"); // 輸出 0
console.log(false ?? "default"); // 輸出 false
console.log(false || "default"); // 輸出 default注意??和||的區(qū)別??：僅僅在 null 和 undefined 時(shí)返回 defaultValue||:不僅會(huì)在 null 和 undefined 時(shí)返回 defaultValue，也會(huì)在 false, 0, '' (空字符串) 等其他假值情況下返回默認(rèn)值defaultValue
3.優(yōu)化判斷
一般在判斷if語句時(shí)候，經(jīng)常會(huì)有類似的判斷。
if(a.aa === undefined || a.aa === null || a.aa === ''){
}是的，可以通過使用更簡(jiǎn)潔和可讀性更高的方式來優(yōu)化這種判斷。以下是幾種常見的優(yōu)化方法：
3.1 使用 == 進(jìn)行寬松比較
使用寬松相等運(yùn)算符 == 可以同時(shí)檢查 undefined 和 null：
if (a.aa == null || a.aa === '') {
// 處理邏輯
}3.2 使用邏輯非運(yùn)算符 !
可以利用邏輯非運(yùn)算符 ! 來檢查 falsy 值（如 undefined、null、''、0、NaN 和 false）：
if (!a.aa) {
// 處理邏輯
}不過要注意，這種方式會(huì)將所有 falsy 值都視為 true，如果你需要排除 0 或 false，則不適用。
3.3 使用可選鏈和空值合并運(yùn)算符
結(jié)合可選鏈操作符和空值合并運(yùn)算符，可以更加簡(jiǎn)潔：
if (a.aa?.trim() === '') {
// 處理邏輯
}3.4 使用自定義函數(shù)
如果這種檢查在多個(gè)地方使用，可以考慮封裝成一個(gè)函數(shù)：
function isEmpty(value) {
return value == null || value === '';
}
if (isEmpty(a.aa)) {
// 處理邏輯
}總結(jié)
選擇哪種方式取決于具體的需求和上下文。使用 ! 運(yùn)算符是最簡(jiǎn)潔的，但需要確保不會(huì)誤判其他 falsy 值。如果需要更嚴(yán)格的檢查，使用 == 或自定義函數(shù)可能更合適。
到此這篇關(guān)于JavaScript 中處理 null和 undefined情況分析的文章就介紹到這了,更多相關(guān)js處理null和underfined內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JS獲取填報(bào)擴(kuò)展單元格控件的值的解決辦法
這篇文章主要介紹了JS獲取填報(bào)擴(kuò)展單元格控件的值的解決辦法,需要的朋友可以參考下2017-07-07
擴(kuò)展IE中一些不兼容的方法如contains、startWith等等
擴(kuò)展IE中一些不兼容的方法如contains方法、startWith方法等等，下面是具體的實(shí)現(xiàn)代碼，喜歡的朋友可以參考下2014-01-01
JavaScript實(shí)現(xiàn)自動(dòng)消除按鈕功能的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)自動(dòng)消除按鈕功能的方法,涉及javascript針對(duì)頁面元素屬性操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
全面兼容的javascript時(shí)間格式化函數(shù)(比較實(shí)用)
這篇文章主要介紹了全面兼容比較實(shí)用的javascript時(shí)間格式化函數(shù),需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了bootstrap select插件封裝成Vue2.0組件的相關(guān)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
本文將詳細(xì)介紹JavaScript中“+”的一些錯(cuò)誤應(yīng)用，需要的朋友可以參考下2012-12-12
jsonp跨域及實(shí)現(xiàn)百度首頁聯(lián)想功能的方法
這篇文章主要介紹了jsonp跨域及實(shí)現(xiàn)百度首頁聯(lián)想功能的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了Java 生成隨機(jī)字符的示例代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-01-01
JavaScript?？际謱戭}之柯里化與數(shù)組扁平化的實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript常考手寫題中柯里化與數(shù)組扁平化、數(shù)組去重的實(shí)現(xiàn),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
在JavaScript中，有3個(gè)關(guān)鍵字可以聲明變量：var、const和let，其中var在ECMAScript的所有版本中都可以使用，而const和let只能在ECMAScript 6及更晚的版本中使用，本文就來說說二者的區(qū)別，感興趣的可以了解一下2022-11-11