js中关于字符串的创建和判断类型

梦里梦外; 2024-05-23 18:49 27阅读 0赞

#### 文章目录 ####

*  创建方法
 *  判断类型的技巧
 *   *  区分
     *   *  1、typeof
         *  2、instanceof
     *  共点
     *   *  1、Object.prototype.toString.call
         *  2、库函数

参考链接：[JS字符串的创建和常用方法][JS]  
[如何判断JS中一个变量是 string 类型][JS_ string]

--------------------

## 创建方法 ##

字符串有着两种的创建方法，一个是使用构造函数，一个是使用字面量。  
如果是创建空字符串，则可以使用上面两种方法：

var str1=new String("");//构造函数
    var str2="";//字面量
    console.log("str1:",str1);
    console.log("str2:",str2);

![在这里插入图片描述][4656312e6732462297e76fc8925ead3c.png]

或许你还没有感受到两种方式的差别，但无妨。  
构造函数构建的变量是引用类型的对象类型，字面量方式构建的变量是值类型的基本类型（String）

var str1=new String("");//构造函数
    var str2="";//字面量
    console.log("typeof str1:",typeof str1);
    console.log("typeof str2:",typeof str2);

从结果上，可以很清楚地看见两种变量类型上的差别，

![在这里插入图片描述][41d50efa4ee34704b18db2989f5bd58a.png]  
但是，由于我还没有进一步感受它们在使用上的细微差别，我只用到了判断类型上的技巧。

## 判断类型的技巧 ##

### 区分 ###

#### 1、typeof ####

上文提到的typeof能够将这两种方式，区分开来，但是又不太足够。它没有将使用String构造函数构建的对象和其他构造函数创建的对象（如Set）区分开来。

#### 2、instanceof ####

var str1=new String("");//构造函数
    var str2="";//字面量
    console.log("str1 instanceof String:",str1 instanceof String);
    console.log("str2 instanceof String:",str2 instanceof String);

![在这里插入图片描述][022b93cd4eea4315835f61bec6189657.png]  
使用构造函数String创建的变量str1返回的是true，str2只是普通类型，连对象都不是，自然返回了false。由此就可以区分开来，还能将str1和其他的对象区分开来（毕竟不同构造函数创建的对象对应的构造函数都有所不同）。

### 共点 ###

#### 1、Object.prototype.toString.call ####

var str1=new String("");//构造函数
    var str2="";//字面量
    var num=123;
    console.log("Object.prototype.toString.call(str1) === [object String];:",Object.prototype.toString.call(str1) === "[object String]");
    console.log("Object.prototype.toString.call(str2) === [object String];:",Object.prototype.toString.call(str2) === "[object String]");
    console.log("Object.prototype.toString.call(num) === [object String];:",Object.prototype.toString.call(num) === "[object String]");

![在这里插入图片描述][e245c2d0c9674a41bd86cd68e88d9e9d.png]  
这种方式能够将两种不同方式创建的字符串识别成同类型的东西，但又能够和如数字以外的其他类型 区别开来。

#### 2、库函数 ####

还有一种方式是使用库函数：\_.isString，这个方式是我看博客发现的，但是我没有尝试过，所以只是列在这。

提供链接：[如何判断JS中一个变量是 string 类型][JS_ string]

--------------------

至此，结束。

`如果你觉得这篇文章写的不错，多多点赞~收藏吧！`

[JS]: https://juejin.cn/post/7078655160150392862
[JS_ string]: https://juejin.cn/post/6844904079664087047
[4656312e6732462297e76fc8925ead3c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/23/442a9ff017ae4e7284c1ce67e22867ab.png
[41d50efa4ee34704b18db2989f5bd58a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/23/ff59e4ecc7ae46a1b0ee64b256af6086.png
[022b93cd4eea4315835f61bec6189657.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/23/190217cc2a9d47bfbd126ebe23ae5d79.png
[e245c2d0c9674a41bd86cd68e88d9e9d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/23/f24bf46183d24ac49b0efa82eb915922.png