详细解读String.valueOf()方法的使用

下面我就为大家带来一篇浅谈string.valueof()方法的使用。现在就分享给大家,也给大家做个参考。

前面的话

关于类型转换,对象常见的两个方法是toString()和valueOf()。实际上,这两个方法也可以应用在包装类型上。前面已经介绍过toString()方法,本文将介绍valueOf()方法,该方法返回原值

【1】undefined和null没有valueOf()方法

undefined.valueOf();//错误null.valueOf();//错误

登录后复制

【2】布尔型数据true和false返回原值

true.valueOf();//truetypeof true.valueOf();//'boolean'false.valueOf();//falsetypeof 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.23NaN.valueOf();//NaNInfinity.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();//1465115123742typeof (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)?)?/giRegExp.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的数值类型的毫秒数

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

AJAX与JavaScript的使用详解

JavaScript怎么使用ajax操作表单

javascript 中 .min.js 和.js 文件的区别?

以上就是详细解读String.valueOf()方法的使用的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2760576.html

(0)
上一篇 2025年3月8日 09:20:22
下一篇 2025年2月23日 18:03:16

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 对象转换为原始值的实现方法(图文教程)

    下面我就为大家带来一篇对象转换为原始值的实现方法。现在就分享给大家,也给大家做个参考。 首先,我们要明白原始值得概念 原始值 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。 引用值 存储在堆(heap)中…

    编程技术 2025年3月8日
    200
  • vue中keep-alive使用步骤详解

    这次给大家带来vue中keep-alive使用步骤详解,vue中keep-alive使用的注意事项有哪些,下面就是实战案例,一起来看一下。 1.keep-alive的作用以及好处 在做电商有关的项目中,当我们第一次进入列表页需要请求一下数据…

    编程技术 2025年3月8日
    200
  • Vue中scoped使用步骤解析

    这次给大家带来Vue中scoped使用步骤解析,Vue中scoped使用的注意事项有哪些,下面就是实战案例,一起来看一下。 何为scoped? 在vue文件中的style标签上,有一个特殊的属性:scoped。当一个style标签拥有sco…

    编程技术 2025年3月8日
    200
  • Vue2x图片预览插件使用步骤详解

    这次给大家带来Vue2x图片预览插件使用步骤详解,Vue2x图片预览插件使用的注意事项有哪些,下面就是实战案例,一起来看一下。 先来看下Demo LiveDemo 关于开发Vue插件的几种方式 (具体请移步官网)Vue官网 MyPlugin…

    2025年3月8日
    200
  • jQuery 能做什么?

    本篇对jquery的使用做出了相关的总结。 jQuery是一个小巧的,快速的,功能强大的JavaScript库。它通过一些易用的API简化了许多事情,例如:DOM操作、事件监听、动画、AJAX等等。jQuery能做的事情,原生JS都能做到,…

    编程技术 2025年3月8日
    200
  • Django框架如何使用ajax的post方法(图文教程)

    Django是一个开放源代码的Web应用框架,由Python写成,本文给大家介绍Django框架如何使用ajax的post方法,感兴趣的朋友一起来学习学习吧 Django是一个开放源代码的Web应用框架,由Python写成。采用了MVC的软…

    编程技术 2025年3月8日
    200
  • 垃圾回收器使用详解

    这次给大家带来垃圾回收器使用详解,垃圾回收器使用的注意事项有哪些,下面就是实战案例,一起来看一下。 垃圾回收器是一把十足的双刃剑。其好处是可以大幅简化程序的内存管理代码,因为内存管理无需程序员来操作,由此也减少了(但没有根除)长时间运转的程…

    编程技术 2025年3月8日
    200
  • JS内数组合并方法与对象合并实现步骤详解

    这次给大家带来JS内数组合并方法与对象合并实现步骤详解,JS内数组合并方法与对象合并实现的注意事项有哪些,下面就是实战案例,一起来看一下。 1 数组合并 1.1 concat 方法 var a=[1,2,3],b=[4,5,6];var c…

    编程技术 2025年3月8日
    200
  • 解析Vue.js下载方式及使用步骤

    这次给大家带来解析Vue.js下载方式及使用步骤,解析Vue.js下载方式及使用的注意事项有哪些,下面就是实战案例,一起来看一下。 vue.js是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。…

    编程技术 2025年3月8日
    200
  • 不同版本React路由跳转方法汇总

    这次给大家带来不同版本React路由跳转方法汇总,不同版本React路由跳转的注意事项有哪些,下面就是实战案例,一起来看一下。 前言 React-Router已经发布了多个版本,利用路由导航的使用方法都不大一样,在这里总结一下。 React…

    编程技术 2025年3月8日
    200

发表回复

登录后才能评论