首页 > 解决方案 > 如何制作对象数组的搜索框以区分大小写且不包含空格

问题描述

我有这个对象数组进入我的状态

this.state = {
            data: {
                products: [
                    {
                        name: 'Iphone',
                        image: '/logo/Apple-Logo.jpg',
                        price: 1000
                    },
                    {
                        name: 'Google',
                        image: '/logo/Apple-Logo.jpg',
                        price: 700
                    },
                    {
                        name: 'Samsung',
                        image: '/logo/Apple-Logo.jpg',
                        price: 1700
                    },
                    {
                        name: 'Sony ',
                        image: '/logo/Apple-Logo.jpg',
                        price: 300
                    },
                ],         
        };

我希望能够以区分大小写且不带空格的方式对其进行搜索。

所以我想要这样的东西,它将接受参数a属性searchValue

function searchProduct(property, searchValue) {
  ...
  return newProduct;
}

这样我就可以这样称呼它

let newGoogleProduct = searchProduct('name', 'Google');

这会给我所有名为 Google 的产品

标签: javascriptarraysreactjsobjectsearch

解决方案


推荐阅读