js中toString方法3个作用

 更新时间:2021年12月28日 17:11:52   作者:南风晚来晚相识  
这篇文章主要给大家分享了js中toString方法的3个作用,文章围绕js中toString方法的相关资料展开全文内容,需要的小伙伴可以参考一下,希望对你的学习有所帮助

一、toString方法的三个作用

 1.返回一个【表示对象】的【字符串】

 2.检测对象的类型 

 

Object.prototype.toString.call(arr)==="[object Array]"

 3.返回该数字对应进制的字符串。 

console.log(10.toString(2)) //10专为为2进制'1010'

在js中包含2进制,8进制,10进制,18进制。

二、返回一个【表示对象】的【字符串】

Object.prototype.toString()

1.toString是属于Object原型上的一个方法。

每一个对象都有一个 toString()方法。 默认的情况下,toString()方法被每一个对象继承。如果toString没有被定义的对象覆盖。toString返回 '[object type]' 其中type是对象的类型,type的值可以是Object,

代码:

class Person{
  constructor(name,age){
    this.name=name
    this.age=age
  }
}
let zs=new Person('张三',18)
console.log( zs.toString() ) // [object Object]


  • 通过上面的输出语句,我们可以确定。
  • 返回来的确实是返回一个【表示对象】的【字符串】

三、自定义的toString()

我们也可以定义一个方法 去覆盖默认的toString方法。

自定义的toString()方法不能够传入参数,并且必须返回一个字符串。定义的toString可以返回我们任何需要的值,如果他能够附带任何有关对象的信息,他将变成非常有用

代码如下:

class Person{
  constructor(name,age){
    this.name=name
    this.age=age
  }
  // 重写Object.prototype.toString()
  toString(){
    return `Person{name=${this.name},age=${this.age}}`
  }
}
let zs=new Person('张三',18)
console.log( zs.toString() ) //Person{name=张三,age=18}

JavaScript的许多内置对象都重写了该函数,以实现更适合自身的功能需要.

  • 1. Array的每个元素转换为字符串,并将它们依次连接起来,两个元素之间用英文逗号作为
  • 2.Boolean 如果布尔值是true,则返回"true"。否则返回"false""。
  • 3.Date 返回日期的文本表示。

到此这篇关于js中toString方法3个作用的文章就介绍到这了,更多相关js中toString方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 利用H5api实现时钟的绘制(javascript)

    利用H5api实现时钟的绘制(javascript)

    这篇文章主要为大家详细介绍了利用H5api实现时钟的绘制,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • cypress中丰富的调试工具使用方法

    cypress中丰富的调试工具使用方法

    这篇文章主要为大家介绍了cypress中丰富的调试工具及使用示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • Chart.js功能与使用方法小结

    Chart.js功能与使用方法小结

    这篇文章主要介绍了Chart.js功能与使用方法,结合实例形式分析了Chart.js功能、使用方法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 在Chrome DevTools中调试JavaScript的实现

    在Chrome DevTools中调试JavaScript的实现

    这篇文章主要介绍了在Chrome DevTools中调试JavaScript的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-04-04
  • js检测判断日期大于多少天的方法

    js检测判断日期大于多少天的方法

    这篇文章主要介绍了js检测判断日期大于多少天的方法,涉及javascript操作日期的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-05-05
  • 使用bat打开多个cmd窗口执行gulp、node

    使用bat打开多个cmd窗口执行gulp、node

    本文主要介绍了使用bat打开多个cmd窗口执行gulp、node的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js与jquery回车提交的方法

    js与jquery回车提交的方法

    这篇文章主要介绍了js与jquery回车提交的方法,实例分析了js与jQuery中监测及相应回车键实现提交的技巧,需要的朋友可以参考下
    2015-02-02
  • javascript中的闭包概念与用法实践分析

    javascript中的闭包概念与用法实践分析

    这篇文章主要介绍了javascript中的闭包概念与用法,结合具体实例形式分析了javascript闭包的概念、原理、使用方法及相关操作注意事项,需要的朋友可以参考下
    2019-07-07
  • layui字体图标 loading图标静止不旋转的解决方法

    layui字体图标 loading图标静止不旋转的解决方法

    今天小编就为大家分享一篇layui字体图标 loading图标静止不旋转的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序开发之路由切换页面重定向问题

    微信小程序开发之路由切换页面重定向问题

    这篇文章主要介绍了微信小程序开发之路由切换页面重定向问题,又通过实例代码给大家介绍了微信小程序的路由跳转方法,需要的朋友可以参考下
    2018-09-09

最新评论