什么是散列键/值
散列键/值指的是一种数据结构，可以存储键和对应的值。在 JavaScript 中，这种数据结构通常被称为对象。对象是通过花括号（{}）来声明的，键和值之间使用冒号（:）分隔，每个键值对之间使用逗号分隔。
const person = {
name: 'John',
age: 30,
occupation: 'Software Engineer'
};在上面的示例中，我们创建了一个名为 person 的对象，并将其赋值为一个包含三个键值对的对象。每个键值对都由一个键和一个值组成，例如 name: 'John'。
将散列键/值作为数组[副本]
在某些情况下，我们可能需要将对象转换为数组以进行处理。我们可以使用 Object.entries() 方法将对象转换为键值对的数组。该方法返回一个二维数组，其中每个元素都是一个键值对数组。
const person = {
name: 'John',
age: 30,
occupation: 'Software Engineer'
};
const personArray = Object.entries(person);
console.log(personArray); // [['name', 'John'], ['age', 30], ['occupation', 'Software Engineer']]在上面的示例中，我们首先创建了一个名为 person 的对象。然后，我们使用 Object.entries() 方法将该对象转换为一个键值对的数组。最后，我们将结果存储在名为 personArray 的变量中，并使用 console.log() 打印出来。
深入探讨散列键/值作为数组[副本]
虽然将对象转换为数组可能有其用处，但需要注意一些细节。
首先，尽管将对象转换为数组可以使其更易于迭代和处理，但是当我们从数组中提取值时，我们仍然需要知道每个值所对应的键。因此，在某些情况下，使用原始的对象可能更加方便。
其次，值得注意的是，将对象转换为数组会导致键的顺序发生变化。在 JavaScript 中，对象的属性是无序的，因此将其转换为数组时也没有特定的顺序。
最后，还要注意，将对象转换为数组只会创建一个新的数组，而不是复制对象本身。因此，如果我们更改了对象的属性，则在数组上进行迭代时也会反映这些更改。
示例
const person = {
name: 'John',
age: 30,
occupation: 'Software Engineer'
};
// 将对象转换为数组并打印出来
const personArray = Object.entries(person);
console.log(personArray); // [['name', 'John'], ['age', 30], ['occupation', 'Software Engineer']]
// 对象属性更改并再次打印数组
person.age = 35;
console.log(personArray); // [['name', 'John'], ['age', 35], ['occupation', 'Software Engineer']]
// 使用 for...of 循环迭代数组
for (const [key, value] of personArray) {
console.log(`${key}: ${value}`);
}
// name: John
// age: 35
// occupation: Software Engineer在上面的示例中，我们创建了一个名为 person 的对象，并将其转换为一个键值对的数组。我们还演示了如何更改对象的属性并使用 for...of 循环迭代数组。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/14439