JS中判斷字符串存在和非空的方法
更新時(shí)間：2018年09月12日 08:23:42 投稿：laozhang
這篇文章給大家分享了JS中判斷字符串存在和非空的方法以及相關(guān)注意點(diǎn)總結(jié)，有興趣的朋友們參考下。
看到這個(gè)題目你是怎么想的呢？這個(gè)很簡(jiǎn)單啊，typeof 一下，再判斷l(xiāng)ength。
if(typeof unknownVariable ==='string' && unknownVariable.length){
...
}
搞定了嗎？
如果這個(gè)字符串是用new String() 創(chuàng)建的會(huì)如何呢？typeof 這個(gè)未知變量肯定是 object。你會(huì)怎么辦？
你肯定還得先判斷類型，typeof unknownVariable==='object' ？但你得想還有一個(gè)null變量的 typeof 值也是 object。那是不是還得 && unknownVariable 一下？現(xiàn)在就是一個(gè)非空對(duì)象了，接著要不要判斷一下length?應(yīng)該不用了。但最后 typeof 是 object 的不一定是字符串對(duì)象啊，可以是別的對(duì)象，如數(shù)組、json對(duì)象、new 出來(lái)的別的對(duì)象等等。要怎么辦呢？
這就要上一個(gè)很少用到但有用的方法了：valueOf。valueOf 會(huì)以變量原始類型的形式進(jìn)行輸出。
let str1="test"
let str2=new String('test2')
let arr1=[1,2,3]
let fn1=function(){
console.log('this is a function')
}
let obj1={
name:'gpd'
}
let obj2=new Object()
obj2.name='gpd'
str1.valueOf() // "test"
str2.valueOf() //"test2"
arr1.valueOf() //[1,2,3]
fn1.valueOf() //fn1(){}
obj1.valueOf() // {name:"gpd"}
obj2.valueOf() // {name:"gpd"}
所以，無(wú)論你是字符串字面量還是new String 得到的一個(gè)字符串對(duì)象，它的valueOf值都是一個(gè)字符串字面量。然后，它的typeof 值都是 string 。
所以最后的判斷的是
if(typeof unknownVariable !=undefined
&& unknownVariable
&& typeof unknowVariable.valueOf() === "string")
{
...
}
您可能感興趣的文章:
- Linux 刪除文件夾和文件的命令(強(qiáng)制刪除包括非空文件)
- js中el表達(dá)式的使用和非空判斷方法
- Node.JS循環(huán)刪除非空文件夾及子目錄下的所有文件
- JS非空驗(yàn)證及郵箱驗(yàn)證的實(shí)例
- JS判斷非空至少輸入兩個(gè)字符的簡(jiǎn)單實(shí)現(xiàn)方法
- phalcon model在插入或更新時(shí)會(huì)自動(dòng)驗(yàn)證非空字段的解決辦法
- php rmdir使用遞歸函數(shù)刪除非空目錄實(shí)例詳解
- MySQL查詢空字段或非空字段(is null和not null)
- jQuery實(shí)現(xiàn)批量判斷表單中文本框非空的方法(2種方法)
- StringUtils工具包中字符串非空判斷isNotEmpty和isNotBlank的區(qū)別
相關(guān)文章
javascript dragable的Move對(duì)象
一個(gè)dragable的Move對(duì)象,大家可以運(yùn)行下，測(cè)試看下效果。2009-08-08
JavaScript 編程引入命名空間的方法與代碼...2007-08-08
在JS開發(fā)過(guò)程中,代碼可能存在一些語(yǔ)法或者邏輯上的錯(cuò)誤,導(dǎo)致程序不能得到我們想要的結(jié)果,這時(shí)就需要我們找到并修復(fù)這些錯(cuò)誤,我們將查找和修復(fù)錯(cuò)誤的過(guò)程稱為調(diào)試或代碼調(diào)試,這篇文章主要給大家介紹了關(guān)于JS?debug跳過(guò)的7種方法,需要的朋友可以參考下2023-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)多文件或者圖片上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了JavaScript進(jìn)度管理，對(duì)進(jìn)度管理感興趣的同學(xué)，可以參考下2021-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義地址組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序progress組件的使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-01-01
這篇文章主要介紹了瀏覽器窗口加載和大小改變事件,需要的朋友可以參考下2014-02-02
用js實(shí)現(xiàn)表格的拖拽效果代碼2008-05-05
微信小程序前后端數(shù)據(jù)交互的詳細(xì)圖文教程
這篇文章主要給大家介紹了關(guān)于微信小程序前后端數(shù)據(jù)交互的相關(guān)資料,通過(guò)小程序向后端發(fā)送請(qǐng)求,然后后端從數(shù)據(jù)庫(kù)獲取車源和求購(gòu)的數(shù)量反饋給小程序,最后將這兩個(gè)數(shù)據(jù)顯示出來(lái),需要的朋友可以參考下2022-10-10