按值属性查找输入 Javascript

在 JavaScript 中，我们经常需要在对象或数组中查找特定的值，例如在数组中查找一个特定的元素或在对象中查找一个特定的属性。这个过程可以使用 JavaScript 内置方法或自定义函数来实现。

在数组中查找特定元素

使用 indexOf() 方法

indexOf() 方法返回数组中第一个匹配项的索引，如果没有找到匹配项，则返回 -1。您可以使用它来在数组中查找特定元素。

const fruits = ['apple', 'banana', 'grape', 'orange'];
const index = fruits.indexOf('banana');
console.log(index); // 1

使用 find() 方法

find() 方法接受一个函数作为参数，该函数将在数组中的每个元素上执行。如果函数返回 true，则 find() 将返回该值。如果没有找到匹配项，则返回 undefined。

const fruits = ['apple', 'banana', 'grape', 'orange'];
const found = fruits.find(fruit => fruit === 'banana');
console.log(found); // 'banana'

在对象中查找特定属性

搜索局部属性

可以使用 .dot 运算符或 [] 运算符搜索对象中的局部属性。如果属性存在，则该属性的值将被返回。如果属性不存在，则返回 undefined。

const person = {
  firstName: 'John',
  lastName: 'Doe',
  age: 30,
  address: {
    city: 'New York',
    state: 'NY',
    zip: '10001'
  }
};
console.log(person.firstName); // 'John'
console.log(person['lastName']); // 'Doe'
console.log(person.address.city); // 'New York'
console.log(person.address['state']); // 'NY'

搜索嵌套属性

您可以通过连续使用.dot 或 [] 运算符来搜索嵌套对象属性。

const person = {
  firstName: 'John',
  lastName: 'Doe',
  age: 30,
  address: {
    city: 'New York',
    state: 'NY',
    zip: '10001'
  }
};
console.log(person.address.city); // 'New York'
console.log(person['address']['state']); // 'NY'

自定义查找函数

如果需要更复杂的搜索方法，则可以编写自定义函数来实现。该函数可以搜索包含在数组或对象中的值。

function findPersonByName(persons, name) {
  return persons.find(person => person.name === name);
}

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

console.log(findPersonByName(people, 'Jane')); // { name: 'Jane', age: 25 }

以上是在 JavaScript 中按值属性查找输入的介绍。希望您可以通过这些方法进行快速查找。