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

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

rush:js;"> if(typeof unkNownVariable ==='string' && unkNownVariable.length){ ... }

搞定了吗?

如果这个字符串是用new String() 创建的会如何呢?typeof 这个未知变量肯定是 object。你会怎么办? 你肯定还得先判断类型,typeof unkNownVariable==='object' ?但你得想还有一个null变量的 typeof 值也是 object。那是不是还得 && unkNownVariable 一下?现在就是一个非空对象了,接着要不要判断一下length?应该不用了。但最后 typeof 是 object 的不一定是字符串对象啊,可以是别的对象,如数组、json对象、new 出来的别的对象等等。要怎么办呢?

这就要上一个很少用到但有用的方法了:valueOf。valueOf 会以变量原始类型的形式进行输出

rush:js;"> 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,3] fn1.valueOf() //fn1(){} obj1.valueOf() // {name:"gpd"} obj2.valueOf() // {name:"gpd"}

所以,无论你是字符串字面量还是new String 得到的一个字符串对象,它的valueOf值都是一个字符串字面量。然后,它的typeof 值都是 string 。

所以最后的判断的是

rush:js;"> if(typeof unkNownVariable !=undefined && unkNownVariable && typeof unkNowVariable.valueOf() === "string") { ... }

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...