根据用户输入过滤对象

时间:2020-05-25 06:56:06

标签: javascript

我有一个带有29种不同平面信息的物体。

我如何过滤它们以在搜索栏中显示给定的输入。

即。在搜索栏中输入= 11000

预期输出,打印具有相同范围的平面。

enter image description here

3 个答案:

答案 0 :(得分:0)

推论代码如下:

aeroplanes.filter(ob => ob.range === 11000)

答案 1 :(得分:0)

它仅适用于范围值。如果还要搜索其他参数,则需要添加替代条件。到filter()

let searchValue = document.getElementById('search_bar').value;
var filteredPlanes = function(search) { return planes.filter(el => el.range>=parseInt(search)); }

答案 2 :(得分:0)

请看下面的过滤逻辑:) 现在,从userInput中获取值,将其存储在变量中,并在下面的过滤功能中使用,例如 plane.range === userInputValue

const planes = [
  {
    name: 'Cool Plane',
    range: 11000
  },
   {
    name: 'Nice Plane',
    range: 11001
  },
  {
    name: 'great Plane',
    range: 11000
  },
]

const correctRangePlanes = planes.filter(plane => plane.range === 11000);
console.log(correctRangePlanes) 

相关问题