Javascript 是如何檢查一個存在的、非空的字串？

gpd發表於2018-09-11
JavaScript字串

如題你是怎麼想的呢？這個很簡單啊，typeof 一下，再判斷length。

    if(typeof unknownVariable ==='string' && unknownVariable.length){
        ...
    }
複製程式碼

搞定了嗎？

如果這個字串是用new String() 建立的會如何呢？typeof 這個未知變數肯定是 object。你會怎麼辦？ 你肯定還得先判斷型別，typeof unknownVariable==='object' ？但你得想還有一個null變數的 typeof 值也是 object。那是不是還得 && unknownVariable 一下？現在就是一個非空物件了，接著要不要判斷一下length?應該不用了。但最後 typeof 是 object 的不一定是字串物件啊，可以是別的物件，如陣列、json物件、new 出來的別的物件等等。要怎麼辦呢？

這就要上一個很少用到但有用的方法了：valueOf。

valueOf 會以變數原始型別的形式進行輸出。

    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"}
複製程式碼

所以，無論你是字串字面量還是new String 得到的一個字串物件，它的valueOf值都是一個字串字面量。然後，它的typeof 值都是 string 。

所以最後的判斷的是

   if(typeof unknownVariable !=undefined 
    && unknownVariable 
   && typeof unknowVariable.valueOf() === "string")
   {
       ...
   }
複製程式碼

相關文章