js中的toString方法

大雄45發表於2022-01-09
導讀 這篇文章主要給大家分享了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 返回日期的文字表示。

原文來自:

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69955379/viewspace-2851359/,如需轉載,請註明出處,否則將追究法律責任。

相關文章