js打印方法总结

JavaScript中有多种打印方法，可以用于在控制台或浏览器中输出信息。本攻略将总结常用的JS打印方法，并提供两个示例说明。

console.log()

console.log()是JavaScript中最常用的打印方法之一，可以在控制台中输出信息。以下是使用console.log()的示例：

console.log('Hello, world!');

输出结果：

Hello, world!

console.dir()

console.dir()方法可以将一个对象的属性和方法输出到控制台中。以下是使用console.dir()的示例：

const obj = {
  name: 'John',
  age: 30,
  sayHello: function() {
    console.log('Hello!');
  }
};

console.dir(obj);

输出结果：

{name: "John", age: 30, sayHello: ƒ}
  age: 30
  name: "John"
  sayHello: ƒ ()
  __proto__: Object

console.error()

console.error()方法可以在控制台中输出错误信息。以下是使用console.error()的示例：

console.error('Oops, something went wrong!');

输出结果：

Oops, something went wrong!

console.warn()

console.warn()方法可以在控制台中输出警告信息。以下是使用console.warn()的示例：

console.warn('This action cannot be undone!');

输出结果：

This action cannot be undone!

console.table()

console.table()方法可以将一个数组或对象以表格形式输出到控制台中。以下是使用console.table()的示例：

const data = [
  { name: 'John', age: 30 },
  { name: 'Jane', age: 25 },
  { name: 'Bob', age: 40 }
];

console.table(data);

输出结果：

(index) name    age
0   John    30
1   Jane    25
2   Bob 40

示例说明

以下是两个示例说明：

示例1：使用console.log()输出变量值

假设需要输出一个变量的值。以下是使用console.log()输出变量值的步骤：

1. 定义变量

javascript
const name = 'John';

1. 使用console.log()输出变量值

javascript
console.log(name);

输出结果：

John

示例2：使用console.table()输出对象数组

假设需要输出一个对象数组的属性和值。以下是使用console.table()输出对象数组的步骤：

1. 定义对象数组

javascript
const data = [
{ name: 'John', age: 30 },
{ name: 'Jane', age: 25 },
{ name: 'Bob', age: 40 }
];

1. 使用console.table()输出对象数组的属性和值

javascript
console.table(data);

输出结果：

(index) name age
0 John 30
1 Jane 25
2 Bob 40

通过以上示例说明，我们可以看到JavaScript中有多种打印方法，可以根据不同的需求选择合适的方法输出信息。