JavaScript中的基本字符串与字符串对象的区别

在JavaScript中一切皆对象,就是将所有的数据都看成是对象。于是,就有了字符串和字符串对象的问题。首先看看创建字符串的两种写法:

 

var str1='hello itsource.cn';

var str2=new String('hello itsource.cn');

 

很多人对于这两种创建字符串的方式都感到很迷茫,不知道该写哪一种,也不知道有什么区别。接下来把我研究的结果给大家整理出来。

 

第一,先看一下共同点

1. 两种方式都能成功创建字符串,也能够拿来使用或输出。

JavaScript中的基本字符串与字符串对象的区别

JavaScript中的基本字符串与字符串对象的区别

 

 

2. 两种方式创建的结果还是相等的。

JavaScript中的基本字符串与字符串对象的区别

 

 

3. 两种方式创建的字符串都可以使用属性和方法

JavaScript中的基本字符串与字符串对象的区别

JavaScript中的基本字符串与字符串对象的区别

 

 

第二,看一下不同的地方

虽然两种方式都能创建出字符串,值也是相等的,并且都能够使用属性和方法。 但是也有一些不同的地方。

 

1. 两种字符串的类型不相同

JavaScript中的基本字符串与字符串对象的区别

JavaScript中的基本字符串与字符串对象的区别

 

从两个图中可以看出, str1的类型是 string,即普通字符串。 而 str2的类型为object,是一个对象类型。 普通字符串是一个基本类型的数据,存储在内存的栈里面,而对象是一个引用类型的数据,存储在内存堆里面。所以两种方式创建出的字符串数据类型不相同,内存的存储位置也不相同。

之前看到的两个字符串相等使用的是值等于(==),而不是全等于(===),如果是全等于则两个字符串不相等,因为它们的类型不相同。

要理解清楚为什么str2是对象类型,就必须了解JS的new关键词,这里不详细解释啦。

 

2. 字符串对象可以使用自定义属性和方法

JavaScript中的基本字符串与字符串对象的区别

运行结果:

JavaScript中的基本字符串与字符串对象的区别

从结果可以看出,str1是基本类型的字符串,不能自定义属性和方法。 而 str2是一个字符串对象,可以使用自定义的属性和方法。

 

JS中基本字符串和字符串对象的区别我就给大家写到这里了,只是说明一下主要的区别,以便于大家根据自己的情况使用,内部运行原理就不在这里详细写了。


上一篇:字符数组,比较求字符串长度的函数,以及结束标志 '\0'.


下一篇:KMP算法(字符串匹配问题)