javascript怎么将变量转换为字符串
今天小编给大家分享一下javascript怎么将变量转换为字符串的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。
js变量转为字符串的方法:1、使用"value.toString()"语句,toString()可以将js值(null和undefined除外)转换为字符串;2、使用""" + value"语句;3、使用"String(value)"语句。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript将变量转换为字符串的3种方法如下:
value.toString()
"" + value
String(value)
当value为null或者undefined时,第1种方法就不行了。而方法2和方法3基本上是一样的。
""+value:
将value与空字符串相加,即可将其转换为字符串。这种方法其实是一种稍微晦涩的技巧,可能会让别人难于理解开发者的意图。不过,这一点见仁见智,有些人偏爱这种方法。
String(value): 这种方法非常清晰:使用String()
函数将value转换为字符串。不过,String()
有两种不同用法,容易混淆,尤其对于Java开发者来说。当String()
和运算符new一起作为构造函数使用时,它返回一个新创建的String对象;当不用new运算符调用String()
时,它只把value转换成原始的字符串。这两者是非常不同的:
> String("Fundebug") === new String("Fundebug")false> typeof String("Fundebug")'string'> String("Fundebug") instanceof Stringfalse> typeof new String("Fundebug")'object'> new String("Fundebug") instanceof Stringtrue
事实上,将String()
作为构造函数使用并不常见,因此仅使用它来转换字符串就好了。
""+value
与String(value)
的细微差别
""+value
与String(value)
都可以将value转换为字符串,它们是如何做到的呢?事实上,它们虽然结果相同,但是方法稍有区别。
将primitive基本类型转换为字符串
两种方法都使用内部函数ToString()
将primitive基本类型转换为字符串。ToString()
函数在ECMAScript 5.1 (§9.8)中定义了,但是并不能直接使用,因此称作内部函数。下面的表格显示了ToString()
函数如何将primitive基本类型转换为字符串:
参数 | 结果 |
---|---|
undefined | "undefined" |
null | "null" |
Boolean | "true"或者 "false" |
Number | 将数字转换为字符串,例如: "1.765" |
String | 无需转换 |
将Object转换为字符串
转换为字符串之前,两种方法都会先将Object转换为primitive。不同的是,""+value使用内部函数ToPrimitive(Number)
(除了date类型),而String(value)
使用内部函数ToPrimitive(String)
。
ToPrimitive(Number)
: 先调用obj.valueOf
,若结果为primitive则返回;否则再调用obj.toString()
,若结果为primitive则返回;否则返回TypeError。ToPrimitive(String)
: 与ToPrimitive(Number)
类似,只是先调用obj.toString()
,后调用obj.valueOf()
。
可以通过以下示例了解区别,obj如下:
var obj = { valueOf: function() { console.log("valueOf"); return {}; }, toString: function() { console.log("toString"); return {}; }};
调用结果:
> "" + objvalueOftoStringTypeError: Cannot convert object to primitive value> String(obj)toStringvalueOfTypeError: Cannot convert object to primitive value
它们的结果相同
""+value
与String(value)
虽然不同,但是我们很少能感觉到。因为,大多数object使用默认的valueOf()
,它返回对象本身:
> var x = {}> x.valueOf() === xtrue
由于valueOf()
返回值并非primitive,因此ToPrimitive(Number)
会跳过valueOf()
,而返回toString()
的返回值。这样,与ToPrimitive(String)
的返回值就一样了。
当object是Boolean、Number或者String实例时,valueOf()
将返回primitive。这就意味着两者的计算过程是这样的:
ToPrimitive(Number)
:valueOf()
返回primitive值,然后使用ToString()
转换为字符串。ToPrimitive(String)
:toString()
通过ToString()
函数将primitive值转换为字符串。
可知,虽然计算过程不同,但是它们的结果是一样的。
以上就是"javascript怎么将变量转换为字符串"这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注行业资讯频道。