js中toString方法3个作用

目录
  • 一、toString方法的三个作用
  • 二、返回一个【表示对象】的【字符串】
  • 三、自定义的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方法内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • JavaScript中用toString()方法返回时间为字符串

    此方法返回表示指定日期对象的字符串. 语法 Date.toString() 下面是参数的详细信息: NA 返回值: 返回表示指定日期对象的字符串 例子: <html> <head> <title>JavaScript toString Method</title> </head> <body> <script type="text/javascript"> var dateobject = new Da

  • JavaScript中toString()方法的使用详解

    JavaScript Boolean.toSource()方法返回表示对象的源代码的字符串. 注意:此方法不会在Internet Explorer中运行. 语法 boolean.toSource() 下面是参数的详细信息: NA 返回值 返回表示对象的源代码的字符串. 例子: <html> <head> <title>JavaScript toSource() Method</title> </head> <body> <scr

  • JavaScript的Number对象的toString()方法

    toString()方法的定义和用法: toString()方法可以把Number对象转换成字符串,并返回此字符串. 点击可查看更多相关Number对象(类)的方法和属性. 语法结构: 复制代码 代码如下: NumberObject.toString(radix) 参数列表: 参数 描述 radix 可选.规定表示数字的基数,使2 ~ 36 之间的整数.若省略该参数,则使用基数10.但是要注意,如果该参数是10以外的其他值,则ECMAScript标准允许实现返回任意值. 实例代码: var a=

  • JavaScript通过function定义对象并给对象添加toString()方法实例分析

    本文实例分析了JavaScript通过function定义对象并给对象添加toString()方法.分享给大家供大家参考.具体分析如下: 下面的JS代码通过function定义了一个movie对象,在movie对象内定义了一个toString方法,toString方法通过外部函数实现. <script type="text/javascript"> function movieToString() { return("title: "+this.titl

  • js中toString方法3个作用

    目录 一.toString方法的三个作用 二.返回一个[表示对象]的[字符串] 三.自定义的toString() 一.toString方法的三个作用  1.返回一个[表示对象]的[字符串]  2.检测对象的类型    Object.prototype.toString.call(arr)==="[object Array]"  3.返回该数字对应进制的字符串.  console.log(10.toString(2)) //10专为为2进制'1010' 在js中包含2进制,8进制,10进

  • vue.js中created方法作用

    vue.js中created方法作用

    这是它的一个生命周期钩子函数,就是一个vue实例被生成后调用这个函数.一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中.每一个阶段都会有一个钩子函数,方便开发者在不同阶段处理不同逻辑. 一般可以在created函数中调用ajax获取页面初始化所需的数据. 实例生命周期 每个 Vue 实例在被创建之前都要经过一系列的初始化过程.例如,实例需要配置数据观测(data observer).编译模版.挂载实例到 DOM ,然后在数据变化时更新 DOM

  •  js中toString()函数与valueOf()函数使用与区别

    目录 一.前言 二.toString() 函数 三.valueOf()函数 小结: 四.特殊情况 1.引用类型转换为 String 类型 2.引用类型转换为 Number 类型 一.前言 在等于运算符中,如果比较的内容包含对象类型数据,则会涉及隐式转换,那么就会调用toString()函数和valueOf()函数,下面我们将会了解到关于这两个函数的基本概念和使用场景. 二.toString() 函数 toString() 函数的作用是把一个逻辑值转换为字符串,并返回结果. console.log

  • js中settimeout方法加参数

    js中settimeout方法加参数的使用.简单使用看w3school 里面没有参数调用, 例子: 复制代码 代码如下: <script type="text/javascript"> function timedMsg() { var a ="dd"; var t=setTimeout(function(){ cao(a);},3000) } function cao(a) { alert(a); } </script> </head

  • 用JS中split方法实现彩色文字背景效果实例

    用JS中split方法实现彩色文字背景效果实例

    先来看看实现效果图 效果实现步骤: 1.获取要用到的元素: 2.声明一个数组变量(arrColor)存放颜色值: 3.给按钮添加点击事件: 4.获取文本框的value值,并用split方法把文本框的字符串值转换成数组(arr)存放: 5.循环取出存数组(arr)中的值并添加上span标签: 6.设置span标签的背景色:从数组(arrColor)循环取值: 7.把设定好的内容添加到div中: 效果完整代码: <!doctype html> <html> <head> &

  • 关于vue.js中实现方法内某些代码延时执行

    今天在工作时遇见了某些代码需要延时操作的情况.具体情况为前台grid在执行完增删改操作后需要在增加或者修改弹框点击确定导致弹框消失后,grid内数据能够及时更新以便显示增删改操作后的数据.这里的话使用的是vue.js中的setTimeout函数来解决该问题. 代码如下: var that = this; setTimeout(function () { that.modifyDialogVisible = false; grid.api.reloadData(); },500); 值得注意的是这

  • js中split()方法得到的数组长度问题

    定义和用法 split() 方法用于把一个字符串分割成字符串数组. 语法 stringObject.split(separator,howmany) 参数 描述 separator 必需.字符串或正则表达式,从该参数指定的地方分割 stringObject. howmany 可选.该参数可指定返回的数组的最大长度.如果设置了该参数,返回的子串不会多于这个参数指定的数组.如果没有设置该参数,整个字符串都会被分割,不考虑它的长度. 返回值 一个字符串数组.该数组是通过在 separator 指定的边

  • js中getBoundingClientRect( )方法案例详解

    js中getBoundingClientRect( )方法案例详解

    一.getBoundingClientRect() 解析 getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置. 语法 rectObject = object.getBoundingClientRect(); 值 rectObject.top:元素上边到视窗上边的距离; rectObject.right:元素右边到视窗左边的距离; rectObject.bottom:元素下边到视窗上边的距离; rectObject.left:元素左边到视窗左边的距离; rect

  • 详解在node.js中require方法的加载规则

    详解在node.js中require方法的加载规则

    require 方法的加载规则 优先从缓存中加载 核心模块 路径形式的模块 第三方模块 一.优先从缓存中加载 main.js:执行加载a.js模块 require('./a') a.js:执行加载b.js模块,并输出a被加载了 require('./b') console.log('a.js 被加载了') b.js:输出b被加载了 console.log('b.js 被加载了') 结果: 可以看出:main去加载a.js,然后a在去加载b.js过程中,并没有打印两次 a.js被加载,Node会直

  • JS中toFixed()方法四舍五入的精度问题详解

    JS中toFixed()方法四舍五入的精度问题详解

    目录 踩的坑 填坑方法 什么样的坑? 总结 踩的坑 最近工作中,在计算一个商品的折扣价格,有时候总是出现价格会有一分钱的差异,涉及钱的问题都是比较敏感的,经过排查,最后发现竟然是 JS 原生的 toFixed 方法的问题. 好家伙,这都啥规律啊...(⊙o⊙) 填坑方法 先不着急去探究其中的问题,既然发现了问题,那就先把 Bug 修复了先,原生方法用不了,就自己写一个呗,还不是分分钟的事情,哈哈哈! /** * 保留小数点几位数, 自动补零, 四舍五入 * @param num: 数值 * @p

随机推荐