js の toString メソッドの 3 つの機能

js の toString メソッドの 3 つの機能

1. toStringメソッドの3つの機能

1. オブジェクトを表す文字列を返す

2. 検出対象の種類

Object.prototype.toString.call(arr) == = "[オブジェクト配列]"

3. 数値に対応する文字列を返します。

console.log(10.toString(2)) //10はバイナリの「1010」を表します

js には、2 進数、8 進数、10 進数、8 進数が含まれます。

2. オブジェクトを表す文字列を返す

Object.prototype.toString()

1. toString は Object プロトタイプのメソッドです。

すべてのオブジェクトにはtoString()メソッドがあります。 デフォルトでは、 toString()方すべてのオブジェクトに継承されます。 toString が定義されたオブジェクトによってオーバーライドされていない場合。 toString '[オブジェクト タイプ]' を返します。ここで、type はオブジェクトのタイプです。type の値は Object になります。

コード:

クラス Person{
  コンストラクタ(名前,年齢){
    this.name=名前
    this.age=年齢
  }
}
let zs=new Person('张三',18)
console.log( zs.toString() ) // [オブジェクト オブジェクト]


  • 上記の出力ステートメントを通じて、確信することができます。
  • 返されるのは、実際にはオブジェクトを表す文字列です。

3. カスタム toString()

デフォルトのtoStringメソッドをオーバーライドするメソッドを定義することもできます。

カスタムtoString()メソッドは引数を取ることができず、文字列を返す必要があります。定義された toString は、必要な任意の値を返すことができます。オブジェクトに関する任意の情報を保持できれば、非常に便利になります。

コードは次のとおりです。

クラス Person{
  コンストラクタ(名前,年齢){
    this.name=名前
    this.age=年齢
  }
  // Object.prototype.toString() をオーバーライドする
  文字列(){
    `Person{name=${this.name},age=${this.age}}` を返します
  }
}
let zs=new Person('张三',18)
console.log( zs.toString() ) //Person{name=张三,age=18}

JavaScriptの多くの組み込みオブジェクトでは、この関数を書き直して、独自のニーズにより適した関数を実装しています。

  • 1. Arrayの各要素を文字列に変換し、2 つの要素間の区切りとしてコンマを使用して、要素を 1 つずつ連結します。
  • 2. Boolean値 ブール値が true の場合は、「true」を返します。それ以外の場合は「false」を返します。
  • 3. Date日付のテキスト表現を返します。

js のtoStringメソッドの 3 つの機能に関するこの記事はこれで終わりです。js の toString メソッドに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JavaScript の Number オブジェクトの toString() メソッド
  • JavaScript の toString() メソッドを使用して時間を文字列として返します。
  • JavaScript での toString() メソッドの使用に関する詳細な説明
  • JavaScriptは関数を通じてオブジェクトを定義し、オブジェクトにtoString()メソッドを追加します。

<<:  レアタグフィールドセットと凡例の使用方法の詳細な説明

>>:  CentOS システムでの JDK のインストールと設定の概要

推薦する

コードを通じてHTMLエスケープ文字を識別する方法について説明します

データ内に次のような特徴を持つ「 ' 」などの文字が含まれることがあります。 &# ...

VMware vCenter 6.7 のインストール プロセス (グラフィック チュートリアル)

背景当初は VMware の公式 Web サイトから 6.7 Vcenter をダウンロードしたかっ...

Nginxにモジュールを動的に追加する方法

前面に書かれた多くの場合、現在のプロジェクトの状況とビジネスニーズに基づいて Nginx をインスト...

Vue における nextTick の役割といくつかの簡単な使用シナリオ

目的nextTickの役割といくつかの簡単な使用シナリオを理解する文章その機能は何ですか?遅延コール...

.htaccess を使用して特定の IP からの Web サイトへのアクセスを禁止する方法

序文コストを考慮して、ほとんどのウェブマスターは、多数の小規模なウェブサイト用にサーバーを個別に購入...

Vue のレスポンシブ原則と双方向データの詳細な分析

応答性を実現するための object.defineProperty の理解observe/watch...

トップナビゲーションバーメニューを作成するためのHTML+CSS

ナビゲーションバーの作成:技術要件: CS HTMLタグ達成目的:ナビゲーションバーメニューの作成コ...

MySQLのメモリ使用量を表示する方法の詳細な説明

序文この記事では主にMySQLのメモリ使用量に関する関連コンテンツを紹介し、皆さんの参考と学習のため...

MySql 8.0 と対応するドライバー パッケージの一致に関する注意事項

MySql 8.0 対応ドライバパッケージのマッチングMySql データベースをバージョン 8.0 ...

Linuxの一般ユーザー向けスケジュールタスクの詳細な説明

序文通常のユーザーはcrontabスケジュールタスクを定義します。たとえば、Oracleユーザーはス...

iFrameは背景を覆うポップアップレイヤーとして使うのに最適です

最近、私は「ぶどうコレクション」というプロジェクトに取り組んでいます。簡単に言うと、Budou ペー...

MySQL 8.0.15 winx64 解凍版のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.15 winx64解凍版のインストールと設定方法を紹介します。具体...

XHTML 入門チュートリアル: XHTML タグ

XHTML タグの紹介<br />おそらく、前のセクションで、XHTML ファイルと通常...

WeChatアプレットを少なく使う方法(最適な方法)

序文私は less/sass を書くことに慣れていますが、小さなプログラムを開発するときには、まだ ...

MySQL における datetime と timestamp の違いと使い方

1. MySQL で現在の時刻を表現するにはどうすればよいでしょうか?実際、表現方法はいろいろありま...