要将数组中的某个属性与字符串中的属性进行匹配,可以使用数组的'filter'方法和字符串的'includes'方法来实现。

假设有一个数组'data',其中每个元素都是对象,对象具有一个属性'name',字符串'searchString'用于匹配'name'属性。代码如下:

const data = [
  { name: 'John', age: 25 },
  { name: 'Jane', age: 30 },
  { name: 'Alice', age: 35 }
];

const searchString = 'John';

const matchedData = data.filter(item => item.name.includes(searchString));

console.log(matchedData);

在上面的代码中,'filter'方法会遍历数组中的每个对象,对于每个对象,使用'includes'方法判断'name'属性是否包含'searchString'字符串。如果匹配成功,则该对象会被保留在'matchedData'数组中。

在上述例子中,'matchedData'数组将只包含一个对象'{ name: 'John', age: 25 }',因为只有这个对象的'name'属性与'searchString'匹配。

输出结果为:

[ { name: 'John', age: 25 } ]

通过这种方式,可以将数组中的某个属性与字符串进行匹配,并得到匹配成功的对象。

React 数组属性匹配字符串:使用 filter 和 includes 方法

原文地址: https://www.cveoy.top/t/topic/qurq 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录