前端怎么在一个对象数组里面作比较，输入框的值原来对象数组里的值做比较

Question

前端怎么在一个对象数组里面作比较，输入框的值原来对象数组里的值做比较

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

前端如何在一个对象数组中比较输入框的值

你想在一个对象数组中比较输入框的值和数组中的值，这个问题可以使用 JavaScript 的 filter() 方法和 includes() 方法来解决。

假设你有一个对象数组 arr，其中每个对象都有一个 name 属性和一个 value 属性。输入框的值是 inputValue。

const arr = [
  { name: 'a', value: '1' },
  { name: 'b', value: '2' },
  { name: 'c', value: '3' }
];

const inputValue = '2'; // 输入框的值

const result = arr.filter(item => item.value.includes(inputValue));

console.log(result); // [{ name: 'b', value: '2' }]

在上面的代码中，我们使用 filter() 方法遍历数组，使用 includes() 方法检查每个对象的 value 属性是否包含输入框的值。如果包含，则将该对象添加到结果数组中。

如果你想比较输入框的值和对象数组中的值是否相等，可以使用 some() 方法：

const result = arr.some(item => item.value === inputValue);

console.log(result); // true

在上面的代码中，我们使用 some() 方法遍历数组，检查每个对象的 value 属性是否等于输入框的值。如果找到匹配的对象，则返回 true。

这些方法都可以帮助你在对象数组中比较输入框的值。