七爪源码:如何在 JavaScript 中按值获取对象键

了解如何快速获取与 JavaScript 中特定值对应的对象的键。

对象键（）和数组查找（）

在 JavaScript 中通过值获取对象的键，调用 Object.keys() 方法获取对象键，然后使用 find() 查找与指定值关联的键。 例如：

function getObjectKey(obj, value) {
  return Object.keys(obj).find((key) => obj[key] === value);
}const obj = {
  user1: 'John',
  user2: 'Kate',
  user3: 'Peter',
};const key = getObjectKey(obj, 'Kate');
console.log(key); // user2

Object.keys() 方法接受一个对象并返回其所有键的数组：

const obj = {
  user1: 'John',
  user2: 'Kate',
  user3: 'Peter',
};const keys = Object.keys(obj);
console.log(keys); // [ 'user1', 'user2', 'user3' ]

Array find() 方法在数组中搜索满足特定条件的元素。 条件在传递给 find() 的回调测试函数中指定。 如果数组中的键对应的值等于传递给 getObjectKey() 函数的值，我们指定的条件仅对数组中的键计算为真。

信息

如果 find() 方法找不到任何满足条件的元素，则返回 undefined：

function getObjectKey(obj, value) {
  return Object.keys(obj).find((key) => obj[key] === value);
}const obj = {
  user1: 'John',
  user2: 'Kate',
  user3: 'Peter',
};const key = getObjectKey(obj, 'Sarah');
console.log(key); // undefined

数组过滤器（）与数组查找（）

find() 方法只返回数组中满足测试函数的第一个元素。 如果对象包含多个具有相同值的键，它将仅返回它找到的第一个键：

function getObjectKey(obj, value) {
  return Object.keys(obj).find((key) => obj[key] === value);
}const obj = {
  user1: 'John',
  user2: 'Kate',
  user3: 'Peter',
  user4: 'John',
};const key = getObjectKey(obj, 'John');
console.log(key); // user1

要获取与某个值对应的所有键，可以使用 Array filter() 方法代替 find()：

function getObjectKey(obj, value) {
  return Object.keys(obj).filter(
    (key) => obj[key] === value
  );
}const obj = {
  user1: 'John',
  user2: 'Kate',
  user3: 'Peter',
  user4: 'John',
};const key = getObjectKey(obj, 'John');
console.log(key); // ['user1', 'user4']

与 find() 不同，filter() 返回具有匹配值的所有键的数组。

关注七爪网，获取更多APP/小程序/网站源码资源！