JS中判斷字符串存在和非空的方法

發(fā)布時間：2020-10-07 11:52:01 來源：腳本之家閱讀：185 作者：laozhang 欄目：web開發(fā)

看到這個題目你是怎么想的呢？這個很簡單啊，typeof 一下，再判斷l(xiāng)ength。

if(typeof unknownVariable ==='string' && unknownVariable.length){
   ...
 }

搞定了嗎？

如果這個字符串是用new String() 創(chuàng)建的會如何呢？typeof 這個未知變量肯定是 object。你會怎么辦？
你肯定還得先判斷類型，typeof unknownVariable==='object' ？但你得想還有一個null變量的 typeof 值也是 object。那是不是還得 && unknownVariable 一下？現(xiàn)在就是一個非空對象了，接著要不要判斷一下length?應該不用了。但最后 typeof 是 object 的不一定是字符串對象啊，可以是別的對象，如數(shù)組、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")
  {
    ...
  }

向AI問一下細節(jié)

JS中判斷字符串存在和非空的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽