JS 对象键 - JavaScript

JavaScript 中的对象是一种无序的键值对集合，每个键都是唯一的，它可以是任何类型的数据，包括数字、字符串、布尔类型、数组、对象甚至是函数。对象通过 {} 大括号来定义，每个键值对之间需要用逗号隔开。

对象的创建

对象可以通过对象字面量方式创建，也可以通过构造函数方式创建：

// 对象字面量方式创建一个对象
const person = {
  name: 'John',
  age: 25,
  hobbies: ['coding', 'reading', 'singing'],
  sayHello: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

// 构造函数方式创建一个对象
function Person(name, age, hobbies) {
  this.name = name;
  this.age = age;
  this.hobbies = hobbies;
  this.sayHello = function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
}

const person1 = new Person('John', 25, ['coding', 'reading', 'singing']);

对象键的获取

对象键的获取有两种方式：点符号和方括号符号。

const person = {
  name: 'John',
  age: 25
};

// 点符号
console.log(person.name); // 'John'

// 方括号符号
console.log(person['name']); // 'John'

多数情况下，点符号会比较方便，但当键名中包含特殊字符或者是变量时，方括号符号更为便捷。

对象键的删除

使用 delete 关键字可以删除对象中的键值对。

const person = {
  name: 'John',
  age: 25
};

delete person.age;

console.log(person); // { name: 'John' }

对象键的遍历

JavaScript 中有多种方式可以遍历对象的键值对，包括 for...in 循环、Object.keys()、Object.values() 和 Object.entries() 等。

for...in 循环

const person = {
  name: 'John',
  age: 25
};

for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}
// 输出：
// name: John
// age: 25

Object.keys()

const person = {
  name: 'John',
  age: 25
};

const keys = Object.keys(person);

console.log(keys); // [ 'name', 'age' ]

Object.values()

const person = {
  name: 'John',
  age: 25
};

const values = Object.values(person);

console.log(values); // [ 'John', 25 ]

Object.entries()

const person = {
  name: 'John',
  age: 25
};

const entries = Object.entries(person);

console.log(entries);
// 输出：
// [
//   [ 'name', 'John' ],
//   [ 'age', 25 ]
// ]

总结

JavaScript 中的对象键是一种非常重要的概念，对于编写复杂的应用程序是必不可少的。本文介绍了对象的创建、键的获取、删除和遍历等相关操作。读者应该熟练掌握这些基础操作，并在实际开发中正确使用。