javascript - 通过数组值进行实时搜索

Question

我有我的数组列表名称 tableRows

 var tableRows = [
        [
            {
                'ColumnName': 'Checkbox'
            },
            {
                'ColumnName': 'TicketNumber',
                'Type': 'text',
                'Text': 20173100021
            },
            {
                'ColumnName': 'Type',
                'Type': 'text',
                'Text': 'Project'
            },
            {
                'ColumnName': 'Edits',
                'Type': 'text',
            },
            {
                'ColumnName': 'Name1',
                'Type': 'text',
                'CompanyName': 'CompanyA'
            },
            {
                'ColumnName': 'Name2',
                'Type': 'text',
                'CompanyName': 'CompanyB'
            }
        ]
    ];

即使我的输入不准确，我如何搜索CompanyName，例如我只输入“Comp”，所有CompanyName将显示，然后如果我输入“CompanyA”，所有具有相同名称的将显示在console.log中。顺便说一句，我使用了 JavaScript。谢谢!

Answer 1

您可以使用string.inlcudes()为此:

var tableRows = [[{'ColumnName': 'Checkbox'},{'ColumnName': 'TicketNumber','Type': 'text','Text': 20173100021},{'ColumnName': 'Type','Type': 'text','Text': 'Project'},{'ColumnName': 'Edits','Type': 'text',},{'ColumnName': 'Name1','Type': 'text','CompanyName': 'CompanyA'},{'ColumnName': 'Name2','Type': 'text','CompanyName': 'CompanyB'}]];

console.log(tableRows[0].filter(item => item.CompanyName && item.CompanyName.toLowerCase().includes("coMP".toLowerCase())))

console.log(tableRows[0].filter(item => item.CompanyName && item.CompanyName.includes("A")))

还有其他方法，如 startsWith和 match()这可以让您更好地控制匹配方式和内容。