欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2018年09月12日 08:23:42   投稿：laozhang  
這篇文章給大家分享了JS中判斷字符串存在和非空的方法以及相關(guān)注意點總結(jié)，有興趣的朋友們參考下。

看到這個題目你是怎么想的呢？這個很簡單啊，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?應(yīng)該不用了。但最后 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")
  {
    ...
  }

相關(guān)文章

  • javascript dragable的Move對象

    javascript dragable的Move對象

    一個dragable的Move對象,大家可以運行下，測試看下效果。
    2009-08-08
  • JavaScript 編程引入命名空間的方法與代碼

    JavaScript 編程引入命名空間的方法與代碼

    JavaScript 編程引入命名空間的方法與代碼...
    2007-08-08
  • JS?debug跳過的7種方法總結(jié)

    JS?debug跳過的7種方法總結(jié)

    在JS開發(fā)過程中,代碼可能存在一些語法或者邏輯上的錯誤,導致程序不能得到我們想要的結(jié)果,這時就需要我們找到并修復這些錯誤,我們將查找和修復錯誤的過程稱為調(diào)試或代碼調(diào)試,這篇文章主要給大家介紹了關(guān)于JS?debug跳過的7種方法,需要的朋友可以參考下
    2023-07-07
  • 微信小程序?qū)崿F(xiàn)多文件或者圖片上傳

    微信小程序?qū)崿F(xiàn)多文件或者圖片上傳

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)多文件或者圖片上傳，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • 詳解JavaScript進度管理

    詳解JavaScript進度管理

    這篇文章主要介紹了JavaScript進度管理，對進度管理感興趣的同學，可以參考下
    2021-04-04
  • 微信小程序自定義地址組件

    微信小程序自定義地址組件

    這篇文章主要為大家詳細介紹了微信小程序自定義地址組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-07-07
  • 微信小程序progress組件使用詳解

    微信小程序progress組件使用詳解

    這篇文章主要為大家詳細介紹了微信小程序progress組件的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2018-01-01
  • 瀏覽器窗口加載和大小改變事件示例

    瀏覽器窗口加載和大小改變事件示例

    這篇文章主要介紹了瀏覽器窗口加載和大小改變事件,需要的朋友可以參考下
    2014-02-02
  • js簡單的表拖拽

    js簡單的表拖拽

    用js實現(xiàn)表格的拖拽效果代碼
    2008-05-05
  • 微信小程序前后端數(shù)據(jù)交互的詳細圖文教程

    微信小程序前后端數(shù)據(jù)交互的詳細圖文教程

    這篇文章主要給大家介紹了關(guān)于微信小程序前后端數(shù)據(jù)交互的相關(guān)資料,通過小程序向后端發(fā)送請求,然后后端從數(shù)據(jù)庫獲取車源和求購的數(shù)量反饋給小程序,最后將這兩個數(shù)據(jù)顯示出來,需要的朋友可以參考下
    2022-10-10

最新評論