使用JavaScript创建一个字符串对象

简介:  创建一个字符串对象让我们先看一下隐式地方法:开始我们会声明一个新的变量,并给它赋一个基本类型的新字符串来初始化它。

 创建一个字符串对象

让我们先看一下隐式地方法:开始我们会声明一个新的变量,并给它赋一个基本类型的新字符串来初始化它。现在试着使用一下typeof()来确认一下变量myStringPrimitive 中的数据就是一个基本字符串:

<html>

<body>

<script type="text/javascript">

var myStringPrimitive= "abc";

document.write( typeof( myStringPrimitive ) );

</script>

</body>

</html>

可是我们仍然可以在它上面使用String对象的方法。JavaScript会把这个字符串从基本类型简单的转换成一个临时的String对象,在它上面使用方法,然后再把数据类型转换成字符串。我们可以使用String对象的length属性来试验一下:

<html>

<body>

<script type="text/javascript">

var myStringPrimitive= "abc";

document.write( typeof( myStringPrimitive ) );

document.write( "<br>" );

document.write( myStringPrimitive.length );

document.write( "<br>" );

document.write( typeof( myStringPrimitive ) );

</script>

</body>

</html>

下面试你在浏览器窗口中会看到结果:

                                                                                          

string

3

string

                                                                                          

因此myStringPrimitive 在临时转换后仍然保存着一个基本类型的字符串。我们也可以显式地创建String对象:使用new关键字和构造函数constructorString():

<html>

<body>

<script type="text/javascript">

var myStringObject = new String( "abc" );

document.write( typeof( myStringObject ) );

document.write( "<br />" );

document.write( myStringObject.length );

document.write( "<br />" );

document.write( typeof( myStringObject ) );

</script>

</body>

</html>

加载这个页面会显示如下结果:

                                                                                  

object

3

Object

                                                                                   

这个脚本和前一脚本的唯一差别就在第一行,我们创建新对象并为这个String对象提供一些字符存储:

var myStringObject = new String( "abc" );

检查length属性的结果是一样的,不管我们是显式还是隐式地创建String对象。显式或隐式地创建String对象的唯一真正的区别是如果你要多次重复的使用同样的字符串,显式地创建字符串有更高的效率。显式地创建String对象还有助于防止JavaScript解释器混淆数值和字符串。

 
相关文章
|
JavaScript 前端开发 存储
|
1月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
27 1
JavaScript中的原型 保姆级文章一文搞懂
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
106 2
|
1月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
20 0
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
155 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
90 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物交易平台附带文章源码部署视频讲解等
80 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的大学生入伍人员管理系统附带文章源码部署视频讲解等
100 4
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp宿舍管理系统的附带文章源码部署视频讲解等
93 3
|
5月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的家政平台附带文章源码部署视频讲解等
75 3