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