JavaScriptでprintInとconsole.logの違いは？ (回答済み) - All The Differences
目次
JavaScriptは、ウェブブラウザでのみ使用できるプログラミング言語です。 JavaScriptコンソールは、コードスニペットを実行できるブラウザのコマンドラインインターフェースです。 そのコードスニペットが、現在閲覧しているウェブページと相互作用するように設計されている場合、予期しない結果が発生することがあります。
"PrintIn "すると、テキストを コンソールに記録するのに対し、「console.log」を使ってログを取り、バグレポートとしてメールで送るなど、さまざまな用途に使うことができます。
プログラマーであれば、JavaScriptのようなスクリプト言語を使いこなすことがいかに重要であるかはご存知でしょう。 しかし、その機能について戸惑うこともあるのではないでしょうか？
printInやconsole.log関数と同じです。 この2つの関数の違いと応用を理解していただくために、その意味と働きを説明します。
はじめましょう！
JavaScriptとは？
JavaScriptとは？
JavaScriptは、定期的に更新される資料の作成、マルチメディアの制御、グラフィックのアニメーションなど、あらゆることに対応できるスクリプト言語です。
プログラミング言語「JavaScript」は、ある標準的なプログラミング機能を備えており、次のようなことが可能です：
- Webページ上で特定のイベントが発生したとき、実行中のコードに反応させることができます。
- 変数を使用して、有用なデータを保存することができます。
- プログラミングのテキスト編集操作である「文字列」を利用することができる
一方、ユーザーのJavaScript言語の上に追加される機能は、さらに興味深いものです。 API（Application Programming Interfaces）は、JavaScriptコードに追加の機能を与えます。
つまり、JavaScriptには、コーディングしている内容をコントロールするための関数がたくさんあります。 その関数とは、printInやconsole.logです。
PrintInとは？
コーディング
PrintInは、コンソールにテキストを表示するためのJavaメソッドです。 このメソッドは、このテキストをStringの形でパラメータとして受け取ります。 この方法では、カーソルを次の行の先頭に置いたまま、コンソールにテキストを出力します。
関連項目: 木の小枝と枝の違いは？ - All The Differences次の印刷 あたまから といったprintInメソッドがいくつかあります：
| void printIn() | 現在の行を終了するための行区切り文字列を書き込む。 |
| void printIn(boolean x) | ブーリアンを表示した後、行を終了します。 |
| void printIn(char x) | 文字を印字した後、行を終了します。 |
| void print(char [ ] x) | 文字の配列を印字した後、行を終了する。 |
| void printIn(double x) | 二重線を印字した後、行を終了します。 |
| void printIn(float x) | アフロート印刷後、回線は終了します。 |
| void printIn(int x) | 整数を印字した後、行を終了します。 |
| void printIn(long x) | 沿って印刷した後、行を終了します。 |
| void printIn(Object x) | オブジェクトを印刷した後、その行を終了する。 |
| void printIn(String x) | 文字列を印字した後、行を終了します。 |
printInで異なるメソッドを使用する
コンソールには、作品を表示するためのメソッドが2つ用意されています。 1つはprintIn、もう1つはprintです。
この2つの方法で混乱しないようにするために、印刷における2番目の方法である「プリント」の違いを定義しておきましょう。
Printは、コンソールにテキストを表示するためのJavaメソッドです。 このメソッドは、このテキストをStringの形でパラメータとして受け取ります。 この方法では、カーソルを次の行の末尾に置いたまま、コンソールにテキストを出力します。
次の印刷 ここからが本番 といったprintInメソッドがいくつかあります：
| void print(boolean b) | ブール値が出力されます。 |
| 空白印字 | 文字が印刷されます。 |
| void print(char [ ] s) | 文字の配列が印刷されます。 |
| void print(double d) | 倍精度浮動小数点数が出力されます。 |
| void print(float f) | 浮動小数点数の数値が表示されます。 |
| void print(int i) | 整数が出力されます。 |
| void print(long l) | 長い整数が出力されます。 |
| void print(Object obj) | オブジェクトが印刷されます。 |
| void print(String s) | 文字列が出力されます。 |
印刷物での使い分け
要するにですね、 両者の決定的な違いは、コンソールに表示されるテキストの位置です。 PrintInは次の行の先頭に表示されるのに対し、Printは次の行の先頭に表示されます。 次の行の末尾にある。
windows 10-proとpro-nについて興味がある方は、他の記事もご覧になってみてください。
Console.logとは何ですか？
コンソール.ログ
コンソールは、ブラウザのデバッグコンソールにアクセスするためのJavaScriptオブジェクトです。
console.logはJavaScriptの関数で、その中にあらかじめ定義された変数や、ユーザーに表示する必要のある情報を表示します。
log()には、文字列、配列、オブジェクト、ブーリアンなど、任意の型を渡すことができます。
console.log()メソッドの出力は、ブラウザの開発者ツールからアクセスできるJavaScriptコンソールに表示されます。 console.log()で出力した内容は、グループや役割に関係なく、すべてのエンドユーザーがアクセスできます。
では、その使い方と、この機能を使った後の出力を見てみましょう。
| ジャバスクリプト | 出力 |
// console.log() 方法
| おうし 1 真の ヌル 未定義 Array(4) [ 1, 2, 3, 4 ]です。 オブジェクト { a : 1, b : 2, c : 3 } 。 |
console.logを使った入出力
JavascriptのConsole.logメソッドによるPrint to Consoleとは何ですか？
JavaScriptのコンソールメソッドとして最もポピュラーで広く使われているもので、各種メッセージや計算結果をコンソールに表示したり、コードのデバッグ中にも頻繁に使用されます。
2つの数値を足すコードを書いて、その結果をコンソールで確認したい。この場合、console.log()メソッドを使うことができる。
ドキュメント var num_1 = 2, num_2 = 3; console.log(num_1 + num_2)； Console.logは同期なのか非同期なのか？
console.logが同期か非同期かを議論する前に、まず同期と非同期とは何かを定義しておくことにする。
同期とは同時に発生すること、非同期とは同時に発生しないことを意味します。 そのため、同期では参加者・利用者はすぐにフィードバックを受けることができます。 非同期では自分の好きな時間に学習することができます。
答えは、concole.logは非同期です。 その理由を、特にオブジェクトの配列を効率よくソートする例で紹介します。 では、はじめましょう。
例えば、配列の中に次のようなオブジェクトがあるとします：
| let users = [ { name: "Nicole" , age: 20, surname: "Luna" } , { name: "Cara" , age: 21, surname: "Lim" } , { name: "Lara" , age: 20, surname: "Tuazon" }; ]。 |
配列オブジェクト
この配列をフィールド名でソートする必要がありますが、これは通常次のように行います。
| / / 名前で ( Cara, Lara, Nicole ) users.sort ( ( a, b ) => a.name> b.name ? 1 : -1)； / 年齢別（Lara、Nicole、Cara）／／／。 users.sort ( ( a, b ) => a.age> b.name ? 1 : -1)； |
配列オブジェクトの並べ替え
これをより効率的に並べるには、次のようにします：
| users.sort(byField( 'name' ))； users.sort(byField( 'age' ))； |
配列のソート（簡単な方法）
そのためには、Array.prototype.sortに渡すByfield関数を記述し、配列内のオブジェクトをソートする必要があります。 さて、これは今回の記事の主眼ではありませんが、上記の例を簡単に完成させるために以下の例を見てください。
| > let users = [ { name: "Nicole" , age: 20, surname: "Luna" } , { name: "Cara" , age: 21, surname: "Lim" } , { name: "Lara" , age: 20, surname: "Tuazon" }; ] 。 function byField ( fieldName ){ return (a, b ) => a[fieldName] ? 1 : -1 ; }. users.sort(byField( 'name' ) )； concole.log(users)です； users.sort(byField( 'age' ) )； concole.log(users)です； (3) [ { ... }, { ... }, { ... } ] > 0: { name: " Lara ", age: " 20 " , surname: " Tuazon " }. > 1: { name: " Nicole ", age: " 20 " , surname: " Luna " }. > 1: { name: " Cara ", age: " 21 " , surname: " Lim " }. 長さ：3 > _proto_: Array (0) (3) [ { ... }, { ... }, { ... } ] > 0: { name: " Lara ", age: " 20 " , surname: " Tuazon " }. > 1: { name: " Nicole ", age: " 20 " , surname: " Luna " }. > 1: { name: " Cara ", age: " 21 " , surname: " Lim " }. 長さ：3 > _proto_: Array (0) |
並べ替え配列オブジェクト
上の表から、配列オブジェクトを2回ソートしていることがわかります。最初に名前順、次に年齢順でソートし、各ソート操作の後にconsole.log()を実行しています。 また、どのソート結果に対してもconsole.log()は同じ出力を復元することが確認できましたが、そうではありません。その理由を説明します。
上記のコードを一気に実行した後、console.log()から全ての反応を展開することにしました。 console.log()は非同期なので、これは重要です。
Event Loopで言えば、非同期機能はすべてEvent Tableに到着します。 この場合、console.log()を出した後、Event Tableに進み、特定のイベントが発生するのを待ちます。
イベントが発生すると、console.log()はイベントキューに送られ、このイベントキューで、console.logが置かれたときにすでに存在していたすべてのプロセスがコールスタックに送られるまで待機し、console.log()はこのコールスタックにも送られることになりました。
JavascriptのConsole.logを開くには？
ウェブブラウザでは、コンソールはいくつかのデベロッパーツールの1つです。 JavaScriptコードのトラブルシューティングのために、コンソールを使用することができます。 コンソールは、ブラウザによってさまざまな場所にあります。
このチュートリアルでは、Google ChromeブラウザでConsoleを発見する場所をお教えします。
Chromeでコンソールログを開くための手順
Chromeのコンソールログの開き方について見ていきましょう。
- Chromeブラウザを開いた状態で、ポップアップメニューから「Inspect」を選択します。
- Inspectを起動すると、デフォルトでDeveloper Toolsの "Elements "タブが開きます。 "Elements "の右側にある "Console "をクリックしてください。
- これで、コンソールのログに記録された出力と同様に、コンソールを表示することができます。
Chromeのバージョンに応じて、以下のショートカットキーで開発者ツールを開くことができます：
WindowsとLinuxの場合、
| Ctrl + Shift + I | デベロッパーツール］ウィンドウが表示されます。 |
| Ctrl + Shift + J | デベロッパーツールの「コンソール」タブを選択します。 |
| Ctrl + Shift + C | Inspect Elementモードのトグル |
ショートカットキー
最終的な感想
のことです。 しゅきょうさ printInとconsole.logの間にあるのは、その機能であり コードの結果 PrintInはコンソールにテキストを出力し、console.logは以前にコーディングされた文字列を持つ変数を出力します。
基本的には、Javascriptのこれらの機能により、変数やテキストをコンソールに印刷・表示することができます。 JavaScriptでは、さまざまな方法で印刷することができます。
JavaScriptのコンソールログメソッドは、デバッグ時に最もよく使われるオプションです。 より効果的にコードをデバッグするために、これらをすべて実践し、正しい使い方を学ぶ必要があります。
プログラマーや開発者は、その中にあらかじめ定義されている変数や、ユーザーに提示する必要のある情報を印刷するために、これらをよく使用しました。
