目次
使用方法
ホームページ ウェブフロントエンド jsチュートリアル js でフォーマットされたカスタム形式の出力の例

js でフォーマットされたカスタム形式の出力の例

Mar 10, 2018 pm 03:28 PM
format javascript フォーマット

在使用js的时候,经常要进行字符串的拼接,一但使用+号进行字符串拼接的时候,基本是各种问题,又不好维护,有没有更好的方法地其进行格式化输出呢?答案肯定是有的,如果你使用nodejs,它已经自带的,如果你还在使用纯原生js,那不好意思了。

使用方法

String对象添加format方法

String.prototype.format = function(opts) {//use 'my name is ${name}'.format({name:'lake'})
    var data = Array.prototype.slice.call(arguments, 0),
        toString = Object.prototype.toString;    if (data.length) {
        data = data.length == 1 ?
            (opts !== null && (/\[object Array\]|\[object Object\]/.test(toString.call(opts))) ? opts : data) : data;        return this.replace(/\$\{(.+?)\}/g, function(match, key) {
            var replacer = data[key];            // chrome 下 typeof /a/ == 'function'

            if ('[object Function]' == toString.call(replacer)) {
                replacer = replacer(key);
            }            return ('undefined' == typeof replacer ? '' : replacer);
        });
    }    return this;
}
ログイン後にコピー
ログイン後にコピー

使用方法

console.log('my name is ${name}.'.format({name:'lake'}))
ログイン後にコピー
ログイン後にコピー
  • 1

输出结果

my name is lake.
ログイン後にコピー
ログイン後にコピー

权声明:多一份转载,多一份环保 http://blog.csdn.net/dounine/article/details/78443487

在使用js的时候,经常要进行字符串的拼接,一但使用+号进行字符串拼接的时候,基本是各种问题,又不好维护,有没有更好的方法地其进行格式化输出呢?答案肯定是有的,如果你使用nodejs,它已经自带的,如果你还在使用纯原生js,那不好意思了。

使用方法

String对象添加format方法

String.prototype.format = function(opts) {//use 'my name is ${name}'.format({name:'lake'})
    var data = Array.prototype.slice.call(arguments, 0),
        toString = Object.prototype.toString;    if (data.length) {
        data = data.length == 1 ?
            (opts !== null && (/\[object Array\]|\[object Object\]/.test(toString.call(opts))) ? opts : data) : data;        return this.replace(/\$\{(.+?)\}/g, function(match, key) {
            var replacer = data[key];            // chrome 下 typeof /a/ == 'function'

            if ('[object Function]' == toString.call(replacer)) {
                replacer = replacer(key);
            }            return ('undefined' == typeof replacer ? '' : replacer);
        });
    }    return this;
}
ログイン後にコピー
ログイン後にコピー

使用方法

console.log('my name is ${name}.'.format({name:'lake'}))
ログイン後にコピー
ログイン後にコピー

输出结果

my name is lake.
ログイン後にコピー
ログイン後にコピー

相关推荐:

php阅读number_format函数的源码分享

推荐10篇关于format函数的课程

详解str.format()的基本语法和高级用法

以上がjs でフォーマットされたカスタム形式の出力の例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

dosコマンドでCドライブをフォーマットする方法 dosコマンドでCドライブをフォーマットする方法 Feb 19, 2024 pm 04:23 PM

DOS コマンドは、Windows オペレーティング システムで使用されるコマンド ライン ツールで、さまざまなシステム管理タスクや操作を実行するために使用できます。一般的なタスクの 1 つは、C ドライブを含むハード ドライブをフォーマットすることです。 C ドライブのフォーマットは、C ドライブ上のすべてのデータを消去し、ファイル システムを再初期化するため、比較的危険な操作です。この操作を実行する前に、重要なファイルをバックアップしていることを確認し、フォーマットがコンピュータに与える影響を明確に理解してください。以下は DOS コマンドラインでフォーマットされます。

携帯電話のフォーマット復元方法の秘密を公開(携帯電話の故障?心配しないでください) 携帯電話のフォーマット復元方法の秘密を公開(携帯電話の故障?心配しないでください) May 04, 2024 pm 06:01 PM

現在では、電源が入らない、システムクラッシュなどの遅延が発生することは避けられませんが、使用中に携帯電話は私たちの生活に欠かせないものとなっています。私たちはしばしば途方に暮れますが、時にはこれらの問題に対する解決策が見つからないこともあります。携帯電話の問題を解決するために、この記事では携帯電話のフォーマットを回復し、携帯電話を通常の動作に戻すいくつかの方法を紹介します。データをバックアップする - 携帯電話をフォーマットする前に、写真や連絡先などの重要な情報が失われないように、携帯電話上の重要なデータとファイルをバックアップすることを検討してください。データのセキュリティを確保するため、またはファイルをクラウド ストレージ サービスに転送することを選択するために、コンピューターに接続してファイルをバックアップできます。システム内蔵の回復機能を使用する - シンプル

0x80070057 エラーを解決するためのシンプルで効果的な手順 0x80070057 エラーを解決するためのシンプルで効果的な手順 Dec 27, 2023 am 08:38 AM

0x80070057 エラーを解決する方法: シンプルで効果的な方法と手順 はじめに: コンピューターを使用する過程で、さまざまなエラー コードが発生することがあります。その中でも、0x80070057 は非常に一般的なエラー コードであり、通常は Windows オペレーティング システムに関連しています。このエラー コードは、オペレーティング システムのインストールまたは更新時、ファイルのバックアップまたは復元時、ドライブのフォーマット時など、さまざまな状況で表示される可能性があります。このエラー コードはイライラさせられますが、解決できないわけではありません。この記事で紹介するのは

ラップトップをフォーマットすると速度が速くなりますか? ラップトップをフォーマットすると速度が速くなりますか? Feb 12, 2024 pm 11:54 PM

ラップトップをフォーマットすると速度が速くなりますか? Windows ラップトップをフォーマットしたいが、それによって速度が向上するか知りたい場合は、この記事がこの質問に対する正しい答えを知るのに役立ちます。ラップトップをフォーマットすると速度が速くなりますか?ユーザーが Windows ラップトップをフォーマットする理由はたくさんあります。しかし、最も一般的な理由は、ラップトップのパフォーマンスまたは速度が遅いことです。ラップトップをフォーマットすると、Windows オペレーティング システムがインストールされている C ドライブまたはハード ドライブ パーティションに保存されているすべてのデータが完全に削除されます。したがって、すべてのユーザーは、特にラップトップのパフォーマンスに関しては、このステップを実行する前によく考えます。この記事は、ラップトップをフォーマットすると速度が向上するかどうかを理解するのに役立ちます。ラップトップをフォーマットすると便利です

コンピューターのフォーマットのチュートリアル コンピューターのフォーマットのチュートリアル Jan 08, 2024 am 08:21 AM

コンピュータを使用していると、多くの場合ゴミが大量に発生することがありますが、多くのユーザーはまだコンピュータをフォーマットする方法を知りません。コンピュータをフォーマットする方法: 1. デスクトップ上の「この PC」を右クリックし、「管理」をクリックします。 2.「コンピュータの管理」の「ストレージ」をクリックし、「ディスクの管理」を開きます。 3. クリーニングしたいハードドライブを選択し、右クリックして「フォーマット」を選択します。 4. 「クイックフォーマットを実行する」にチェックを入れ、「OK」をクリックするとフォーマットが開始されます。

HTMLの整形にはどのような方法があるのでしょうか? HTMLの整形にはどのような方法があるのでしょうか? Mar 08, 2024 am 09:53 AM

HTML 書式設定方法: 1. オンライン HTML 書式設定ツールを使用する; 2. コード エディターに付属する HTML 書式設定ショートカット キー (Visual Studio Code の Shift + Alt + F など) を使用する; 3. Sublime Text などのプラグインを使用するHTML/CSS/JS Prettify プラグイン; 4. HTML Tidy などのコマンド ライン ツールを使用します; 5. コーディング標準と習慣に従って手動で書式設定します。

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

Eclipseの書式設定ショートカットキーとは何ですか?徹底分析! Eclipseの書式設定ショートカットキーとは何ですか?徹底分析! Jan 03, 2024 pm 02:41 PM

Eclipse は、Java 開発で広く使用されている統合開発環境 (IDE) です。開発者がコードをより効率的に作成およびデバッグできるようにする多くの機能とツールが提供されます。非常に重要で一般的に使用される機能の 1 つはコードの書式設定です。これは開発者がコード スタイルを統一し、コードの可読性と保守性を向上させるのに役立ちます。 Eclipse では、ショートカット キーを使用してコードをすばやくフォーマットできます。この記事では、Eclipse でよく使用されるコード書式設定のショートカット キーを紹介し、詳細に分析します。

See all articles