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方法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js实现仿网易点击弹出提示同时背景变暗效果

    js实现仿网易点击弹出提示同时背景变暗效果

    这篇文章主要介绍了js实现仿网易点击弹出提示同时背景变暗效果,涉及javascript弹出框及页面元素样式操作的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-08-08
  • 原生js仿浏览器滚动条效果

    原生js仿浏览器滚动条效果

    本文主要介绍了原生js仿浏览器滚动条效果的实例。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • JavaScript实现点击按钮字体放大、缩小

    JavaScript实现点击按钮字体放大、缩小

    字体可以调节大小,极大了满足了用户体验度,接下来通过本文给大家介绍JavaScript实现点击按钮字体放大、缩小实例代码,需要的朋友参考下吧
    2016-02-02
  • 微信小程序实现顶部下拉菜单栏

    微信小程序实现顶部下拉菜单栏

    这篇文章主要为大家详细介绍了微信小程序实现顶部下拉菜单栏,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • Javascript实现视频文件播放功能(示例详解)

    Javascript实现视频文件播放功能(示例详解)

    这篇文章主要介绍了Javascript实现视频文件播放功能,使用CSS完成相应的布局样式,利用JavaScript函数来监听进度条,然后使用鼠标点击按钮实现对视频的播放,需要的朋友可以参考下
    2023-10-10
  • js,jquery滚动/跳转页面到指定位置的实现思路

    js,jquery滚动/跳转页面到指定位置的实现思路

    这篇文章主要介绍了如何通过js或jquery滚动/跳转页面到指定位置,需要的朋友可以参考下
    2014-06-06
  • 关于TypeScript模块导入的那些事

    关于TypeScript模块导入的那些事

    Typescrit的模块机制与es6的模块基本类似,也提供了转换为amd,es6,umd,commonjs,system的转换,下面这篇文章就来给大家详细介绍了关于TypeScript模块导入的那些事,需要的朋友可以参考借鉴,下面来一起看看吧
    2018-06-06
  • javascript实现简单的进度条

    javascript实现简单的进度条

    本文给大家分享2个javascript实现简单的进度条,一个是个人制作一个是网友实现的,都很不错,这里推荐给大家。
    2015-07-07
  • Bootstrap笔记—折叠实例代码

    Bootstrap笔记—折叠实例代码

    本篇文章主要介绍了Bootstrap笔记—折叠实例代码,详细的介绍了折叠效果实例,包括一组多组等,非常具有实用价值,需要的朋友可以参考下。
    2017-03-03
  • javascript getElementById 使用方法及用法

    javascript getElementById 使用方法及用法

    顾明思义,get-Element-By-Id,就是通过ID来设置/返回HTML标签的属性及调用其事件与方法。用这个方法基本上可以控制页面所有标签,条件很简单就是给每个标签分配一个ID号
    2008-11-11

最新评论