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

(编辑：jimmy 日期: 2025/2/25 浏览：2)

看到这个题目你是怎么想的呢？这个很简单啊，typeof 一下，再判断length。

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

搞定了吗？

如果这个字符串是用new String() 创建的会如何呢？typeof 这个未知变量肯定是 object。你会怎么办？
你肯定还得先判断类型，typeof unknownVariable==='object' ？但你得想还有一个null变量的 typeof 值也是 object。那是不是还得 && unknownVariable 一下？现在就是一个非空对象了，接着要不要判断一下length"htmlcode">

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")
  {
    ...
  }

上一篇：vue 使用html2canvas将DOM转化为图片的方法

下一篇：React router动态加载组件之适配器模式的应用详解