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

更新時間：2018年09月12日 08:23:42 投稿：laozhang

這篇文章給大家分享了JS中判斷字符串存在和非空的方法以及相關注意點總結，有興趣的朋友們參考下。

看到這個題目你是怎么想的呢？這個很簡單啊，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")
  {
    ...
  }

您可能感興趣的文章:

js對象的復制繼承實例
這篇文章主要介紹了js對象的復制繼承用法,以一個較為簡單的實例分析了js對象復制繼承的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-01-01
教你用JS獲取Headers頭部信息
這篇文章主要給大家介紹了關于用JS獲取Headers頭部信息的相關資料,頭部信息是在JavaScript中進行網(wǎng)絡請求時常用的操作,Headers 頭部信息包含了請求或響應的元數(shù)據(jù),需要的朋友可以參考下
2023-09-09
微信小程序實現(xiàn)豎排slider效果
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)豎排slider效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-06-06
Function.prototype.bind用法示例
想必大家對Function.prototype.bind并不陌生吧，下面為大家介紹下它的簡單調用及DOM調用，感興趣的朋友可以參考下
2013-09-09
深入理解JavaScript?變量對象
變量對象是與執(zhí)行上下文相關的數(shù)據(jù)作用域，存儲了在上下文中定義的變量和函數(shù)聲明，本文主要介紹了JavaScript?變量對象，具有一定的參考價值，感興趣的可以了解一下
2022-05-05
JS實現(xiàn)點擊拉拽輪播圖pc端移動端適配
本文通過實例代碼給大家介紹了JS點擊拉拽輪播圖pc端移動端適配 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-09-09
JavaScript 計算圖片加載數(shù)量的代碼
先定義一個圖片的數(shù)組，然后通過image的onload事件來計算，注意，onload在ie和火狐有所不同。
2011-01-01
微信小程序使用wx.navigateTo路由跳轉層級限制問題小結
在微信小程序開發(fā)中,wx.navigateTo和wx.redirectTo是兩種頁面跳轉方式,wx.navigateTo允許跳轉到新頁面并保留當前頁面,適合需要返回的場景,但受頁面棧10層限制,wx.redirectTo則關閉當前頁面后跳轉,本文介紹微信小程序使用wx.navigateTo路由跳轉層級限制問題
2024-10-10
TypeScript枚舉的基礎知識及實例
使用枚舉我們可以定義一些帶名字的常量,使用枚舉可以清晰地表達意圖或創(chuàng)建一組有區(qū)別的用例,下面這篇文章主要給大家介紹了關于TypeScript枚舉的基礎知識及實際用例,需要的朋友可以參考下
2021-10-10
js LZ77算法的實現(xiàn)代碼
JS操作二進制很麻煩，而且一直沒有一個好的無損壓縮工具來實現(xiàn)純文本的壓縮。
2010-04-04