如何遍历 JSON Object 的数组以查找包含用户输入字符的属性值

Question

What is the correct method JavaScript function I can use to loop through an array of JSON data and return the JSON.KEY value that includes the user input query

Suppose that we have an array books with these data

const books = [
    { title: 'chemistry', pages: 123 },
    { title: 'chemical abcd', pages: 103 },
    { title: 'anatomy of something ', pages: 423 }
];

When a user query is

let  query= 'chemi'

Then the output should be

filteredBooks = [
    { title: 'chemistry', pages: 123 },
    { title: 'chemical abcd', pages: 103 }
];

Answer 1

For this I would use the js Array.filter method:

const filteredBooks = books.filter(book => book.title.includes(query))

Answer 2

In addition of the other questions, using destructuring saves a bit of code:

const filteredBooks = books.filter(({title}) => title.includes(query));

Answer 3

this method searches all the values of the object if they contain the query. you should make your query lowercase first:

query=query.toLowerCase();
filteredBooks = books.filter(book=>Object.values(book).some(value=>value.toString().toLowerCase().includes(query)));

if the book object has sub-fields, this is a lazy way to query them:

query=query.toLowerCase();
filteredBooks = books.filter(book=>JSON.stringify(Object.values(book)).toLowerCase().includes(query))