javascript 如何使用json文件中的数据创建搜索过滤条？

c0vxltue 于 2023-04-04 发布在 Java

关注(0)|答案(1)|浏览(115)

如何创建一个搜索栏过滤器的价格，名称，将过滤我的cars.json文件，并显示在页面上的汽车我有一个car.json文件，我想创建函数，使用maybe fetch，将挑选一个列表的汽车和过滤它，并显示结果
我的车. json

"car": [],
  "cars": [
    {
      "id": 1,
      "name": "Audi ",
     
      "price": 17000000,
  
    },
    {
      "id": 2,
      "name": "bmw",
      "price": 24000000,

    },
    { .....

我的cars.js

export function Cars() {

    const section = document.createElement('section');
  
    section.innerHTML = `
    <input type="text" id="search-input" placeholder="Filter" name="search">
            <button type="submit" id="search-button"><i class="fa fa-search"></i></button>

return section
}

JavaScript

来源：https://stackoverflow.com/questions/75918755/how-i-can-create-search-filter-bar-using-data-from-json-file

1条答案

按热度按时间

ffvjumwh1#

我已经尝试过在json对象上添加filter方法，我也已经采取了搜索文本静态，你可以修改和检查名称和价格。你可以传递你得到的输入值，

const txt =
    '{"cars": [{"id": "1","name": "Audi ","price": "17000000"},{  "id": "2",  "name": "bmw",  "price": "24000000"}]}';

  const response = JSON.parse(txt);

  const inputText = "2400";
  const sData = response.cars.filter((r) => {
    return (
      r.name.toLowerCase().includes(inputText.toLocaleLowerCase()) ||
      r.price.includes(inputText)
    );
  });

  console.log(sData);

赞(0）回复(0）举报 2023-04-04

我来回答

javascript 如何使用json文件中的数据创建搜索过滤条？

1条答案

相关问题

热门标签

最新问答