あなたが知らないかもしれない 6 つの強力な JavaScript コンソール メソッド

警告メソッド

console.warn()ブラウザコンソールに警告を表示するために使用されるメソッドです。1 つのパラメータ(警告テキスト)を受け取ります。

console.warn("This is a warning message");

ここに画像の説明を挿入します

エラーメソッド

console.error()このメソッドを使用すると、コンソールにエラー メッセージを出力できます。エラーメッセージをパラメータとして受け取ります。
この方法はテスト目的でよく使用されます。

console.error("This is a error message");

ここに画像の説明を挿入します

テーブルメソッド

console.table()このメソッドを使用すると、オブジェクトと配列をコンソール内でテーブルの形式で簡単に出力できます。

console.table({
    
    Name:"Alex", Age: 25});

ここに画像の説明を挿入します

アサートメソッド

console.assert()このメソッドを使用すると、条件に基づいてメッセージをコンソールに出力できます。2 つのパラメータを取ります。最初のパラメータが false と評価された場合、2 番目のパラメータが出力されます。

console.assert(document.getElementById("btn"), "There is no element with ID btn");

ここに画像の説明を挿入します

dirメソッド

console.dir()メソッドはオブジェクトとともに使用されます。オブジェクトを識別し、コンソールに展開可能なリストとして出力します。

const person = {
    
    name: 'John', age: 17, friends: ['Zulie', 'James', 'Alex']};
console.dir(person);

ここに画像の説明を挿入します

count メソッドと countReset メソッド

console.count()このメソッドを使用すると、count() が呼び出された回数をカウントできます。メソッド自体が計算している

for (let i = 0; i <= 6; i++){
    
    
 console.count();
}

再度呼び出すとconsole.count()、デフォルト値 (8 など) が返されます
が、console.countReset()メソッド カウンターは 0 にリセットされます。
この場合、カウンターは 8 になり、メソッドを呼び出すとconsole.countReset()カウンターは 0 に設定されます。
ここに画像の説明を挿入します

おすすめ

転載: blog.csdn.net/weixin_45959525/article/details/119908346