显示对象 JavaScript 的字段

在 JavaScript 中，对象通常是一堆键值对的集合，其中每个键都可以是字符串或符号，对应一个值。这个值可以是任何类型，包括其他对象。通过访问这些键和值，我们可以操作和修改对象。本文将介绍如何显示一个对象的字段，并介绍常用的方法。

显示对象的字段

要显示一个对象的字段，我们可以使用 console.log() 方法。这将把对象的内容打印到控制台中。

代码示例：

const obj = { name: 'Tom', age: 21, major: 'Computer Science' };

console.log(obj);

输出：

{name: "Tom", age: 21, major: "Computer Science"}

注意，这种方式只能显示对象所包含的键，不能显示对象的属性。

访问对象的属性

要访问对象的属性，我们可以使用点(.)或中括号([])语法。

点语法：

const person = { firstName: 'John', lastName: 'Doe' };
console.log(person.firstName);	// 输出：John

中括号语法：

const person = { firstName: 'John', lastName: 'Doe' };
console.log(person['firstName']);	// 输出：John

值得注意的是，当属性名称包含空格或特殊字符时，必须使用中括号语法。

const person = { 'first name': 'John', 'last*name': 'Doe' };
console.log(person['first name']);	// 输出：John
console.log(person['last*name']);	// 输出：Doe

判断对象是否包含某个属性

我们可以使用 in 运算符来判断对象是否包含某个属性。如果对象包含该属性，in 运算符返回 true；否则返回 false。

代码示例：

const person = { firstName: 'John', lastName: 'Doe' };
console.log('firstName' in person);	// 输出：true
console.log('age' in person);		// 输出：false

获取对象的所有键和值

使用 Object.keys() 方法可以获取对象的所有键。这个方法返回一个数组，其中包含对象的所有键。

const obj = { name: 'Tom', age: 21, major: 'Computer Science' };
const keys = Object.keys(obj);
console.log(keys);	// 输出：["name", "age", "major"]

使用 Object.values() 方法可以获取对象的所有值。这个方法返回一个数组，其中包含对象的所有值。

const obj = { name: 'Tom', age: 21, major: 'Computer Science' };
const values = Object.values(obj);
console.log(values);	// 输出：["Tom", 21, "Computer Science"]

使用 Object.entries() 方法可以获取对象的所有键值对。这个方法返回一个二维数组，其中包含对象的所有键值对。

const obj = { name: 'Tom', age: 21, major: 'Computer Science' };
const entries = Object.entries(obj);
console.log(entries);	// 输出：[["name", "Tom"], ["age", 21], ["major", "Computer Science"]]

总结

本文介绍了如何显示 JavaScript 对象的字段，包括访问对象的属性和判断对象是否包含某个属性。我们还介绍了如何获取对象的所有键和值，以及键值对。这些技巧可以方便我们操作和修改 JavaScript 对象的字段，提高编程效率。