浅谈String.valueOf()方法的使用
前面的话
关于类型转换，对象常见的两个方法是toString()和valueOf()。实际上，这两个方法也可以应用在包装类型上。前面已经介绍过toString()方法，本文将介绍valueOf()方法，该方法返回原值
【1】undefined和null没有valueOf()方法
undefined.valueOf();//错误 null.valueOf();//错误
【2】布尔型数据true和false返回原值
true.valueOf();//true
typeof true.valueOf();//'boolean'
false.valueOf();//false
typeof false.valueOf();//'boolean'
Boolean.valueOf();//Boolean() { [native code] }
typeof Boolean.valueOf();//'function'
【3】字符串类型原值返回
'1'.valueOf();//'1'
''.valueOf();//''
'abc'.valueOf();//'abc'
String.valueOf();//String() { [native code] }
typeof String.valueOf();//'function'
【4】数值类型分为整数和浮点数进行处理
Number.valueOf();//Number() { [native code] }
typeof Number.valueOf();//'function'
1、整数直接跟上.valueOf()形式，会报错，提示无效标记，所以尽量加括号
0.valueOf();//Uncaught SyntaxError: Invalid or unexpected token (0).valueOf();//0 +0.valueOf();//Uncaught SyntaxError: Invalid or unexpected token (+0).valueOf();//0 -0.valueOf();//Uncaught SyntaxError: Invalid or unexpected token (-0).valueOf();//-0
[注意]-0的valueOf()值是-0，而-0的toString()值是'0'
2、浮点数原值返回
1.23.valueOf();//1.23 +1.23.valueOf();//1.23 -1.23.valueOf();//-1.23 NaN.valueOf();//NaN Infinity.valueOf();//Infinity -Infinity.valueOf();//-Infinity
[注意]和toString()不同的是，valueOf()不可以接收转换基数
【5】对象Object类型及自定义对象类型返回原对象
{}.valueOf();//报错，Unexpected token .
({}).valueOf();//Object{}
typeof ({}).valueOf();//'object'
({a:123}).valueOf();//Object{a:123}
Object.valueOf();//Object() { [native code] }
typeof Object.valueOf();//'function'
function Person(){
this.name = 'test';
}
var person1 = new Person();
person1.valueOf();//Person {name: "test"}
【6】函数Function类型返回原函数
function test(){
alert(1);//test
}
test.valueOf();/*function test(){
alert(1);//test
}*/
Function.valueOf();//Function() { [native code] }
【7】数组Array类型返回原数组
[].valueOf();//[]
[1].valueOf();//[1]
[1,2,3,4].valueOf();//[1,2,3,4]
Array.valueOf();//Array() { [native code] }
【8】和其他对象不同，时间Date类型返回一个数字值，它是this时间值
Date.now();//1465115123742
(new Date()).valueOf();//1465115123742
typeof (new Date()).valueOf();//'number'
Date.valueOf();//Date() { [native code] }
【9】正则表达式RegExp类型返回原正则对象
/ab/i.valueOf();///ab/i
/mom( and dad( and baby)?)?/gi.valueOf();//mom( and dad( and baby)?)?/gi
RegExp.valueOf();//RegExp() { [native code] }
【10】错误Error类型
Error.valueOf();//Error() { [native code] }
RangeError.valueOf();//RangeError() { [native code] }
ReferenceError.valueOf();//ReferenceError() { [native code] }
SyntaxError.valueOf();//SyntaxError() { [native code] }
TypeError.valueOf();//TypeError() { [native code] }
URIError.valueOf();//URIError() { [native code] }
总 结
1、toString()和valueOf()的主要不同点在于，toString()返回的是字符串，而valueOf()返回的是原对象
2、由于undefined和null不是对象，所以它们toString()和valueOf()两个方法都没有
3、数值Number类型的toString()方法可以接收转换基数，返回不同进制的字符串形式的数值；而valueOf()方法无法接受转换基数
4、时间Date类型的toString()方法返回的表示时间的字符串表示；而valueOf()方法返回的是现在到1970年1月1日00:00:00的数值类型的毫秒数
以上这篇浅谈String.valueOf()方法的使用就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JavaScript基本类型与引用类型详解,讲解了如类型的判断、类型的转换、类型的复制等内容,需要的朋友可以参考下2014-05-05
浅谈JavaScript中的apply/call/bind和this的使用
apply/call/bind三者的联系就在于，都可以用来改变函数中 this 指向的值，且第一个参数为要指向的 this 的值，apply的第二个参数（或 bind 与 call 的不定参数）为要传入的参数。这就不得不提及 javascript 中函数的 this 的指向了。下面我们来简单探讨下2017-02-02
scrollTop属性是什么? 有些情况下,“元素中内容”的高度会超过“元素本身”的高度,2009-06-06
今天特地花了一点时间整理了下height, top的区别，本篇主要以chrome为准，可能各个浏览器之间还是有一些区别，需要的朋友可以参考下2015-09-09
这篇文章总结了JavaScript操作数组的常用方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
这篇文章主要介绍了Typescript中的as、问号与感叹号详解,本文分别讲述了这几个关键字的含义作用以及实例,通过文字和代码的描述,详细的表达.以下就是详细内容,需要的朋友可以参考下2021-07-07
这篇文章主要介绍了JavaScript中的pow()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
用js有很久了，但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。2009-04-04
这篇文章主要介绍了7个JS基础知识,需要的朋友可以参考下2014-03-03
最新评论