使用另一个数组过滤对象数组-返回两个值

Question

当用户在搜索框中输入时，我想通过名称和类型来过滤我的搜索，但是我只是得到了名称，而不是类型。

这是我的数组：

        const projects = [
        {
            id: 1,
            name: 'protfolio',
            type: ['react']
        },
        {
            id: 2,
            name: 'RoboFriends',
            type: ['react']
        },
        {
            id: 3,
            name: 'Background-gradient',
            type: ['html ', 'css ', 'javaScript']
        },
        {
            id: 4,
            name: 'Election-map',
            type: ['html ', 'css ', 'javaScript']
        },
        {
            id: 5,
            name: 'To-Do-List',
            type: ['react']
        }
    ]

我的反应是过滤我的数组并返回项目名称，同时输入

    const projectFilter = this.state.projects.filter( project => {
                return project.name.toLowerCase().includes(this.state.searchField.toLowerCase())
                || project.type.includes(this.state.searchField);
            })

Answer 1

您的代码很好。我查过了。确保您的searchField如您所愿。

Check this out

function myFunction() {
   const projects = [
        {
            id: 1,
            name: 'protfolio',
            type: ['react']
        },
        {
            id: 2,
            name: 'RoboFriends',
            type: ['react']
        },
        {
            id: 3,
            name: 'Background-gradient',
            type: ['html ', 'css ', 'javaScript']
        },
        {
            id: 4,
            name: 'Election-map',
            type: ['html ', 'css ', 'javaScript']
        },
        {
            id: 5,
            name: 'To-Do-List',
            type: ['react']
        }
    ]
     const projectFilter = projects.filter( project => {
                return project.name.toLowerCase().includes('react')
                || project.type.includes('react');
            })
            document.getElementById("test").innerText = (projectFilter[2].name);
}