如何根据用户输入过滤和显示JSON数据?

大三

我将以下JSON数据存储在文件中:

[  
   {  
      "AA+A":0.3021,
      "A+AA":0.3021,
      "AAAU+AA":0.0677,
      "AA+AAAU":0.0677,
      "AABA+AAAU":0.092,
      "AAAU+AABA":0.092,
      "AAC+AABA":0.1713,
      "AABA+AAC":0.1713,
      "ULE+DXB":-0.0614,
      "DXB+ULE":-0.0614,
      "ULE+FLKR":0.308,
      "FLKR+ULE":0.308,
      "BNTCW+BAPR": "NaN"
   }
]

以及以下形式:

 Stock1: -------
 Stock1: -------
      Submit

如何根据用户输入值(Stock1值和Stock2值)过滤JSON文件,并在div中显示数据,例如,如果数据不可用,则应该说“不可用”:

例如:

Stock1: AA
Stock1: A
Submit and display : 0.3021

要么

Stock1: A
Stock1: AA
Submit and display : 0.3021
Pranav C Balan

您可以使用in运算符检查属性是否存在,然后基于该属性显示消息。

var data = [{"AA+A":0.3021,"A+AA":0.3021,"AAAU+AA":0.0677,"AA+AAAU":0.0677,"AABA+AAAU":0.092,"AAAU+AABA":0.092,"AAC+AABA":0.1713,"AABA+AAC":0.1713,"ULE+DXB":-0.0614,"DXB+ULE":-0.0614,"ULE+FLKR":0.308,"FLKR+ULE":0.308,"BNTCW+BAPR":"NaN"}];

// cache element to reuse
let $res = $('#res');
// cache elements and bind input event handlers
let $stks = $('#stock1,#stock2').on('input', function() {
  // iterate over elements to get value and then generate key
  let key = $stks.map(function() {
  // get value
    return this.value.trim();
  })
  // get result as an array and then join with + symbol
  .get().join('+');
  // show result baked on key
  $res.text(key in data[0] ? data[0][key] : 'Not found')
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="stock1"><input id="stock2">
<div id="res"></div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

闪亮:如何根据用户输入数据的位置过滤数据

如何实现根据用户关键字进行搜索和过滤,以显示对象列表中的数据?

根据用户输入显示数据

如何根据数据过滤器隐藏和显示数据?

根据用户输入过滤数据透视表

如何根据用户输入动态显示数据

如何根据用户输入显示来自 CSV 的数据?

如何根据用户输入显示偶数和奇数?-Java

根据用户输入的Powershell过滤JSON

如何根据用户输入过滤 div 元素

根据用户输入显示和隐藏DIV

如何根据用户输入从数据透视表中过滤出值

如何使用MongoDB和Node.js根据用户输入从多级文档中过滤记录?

根据动态用户输入对数据进行子集或过滤

根据python中的用户输入值过滤数据框

如何过滤每行的数据?使用搜索输入法,根据用户在 react.js 中输入的内容即时更新行

根据用户输入过滤结果

如何使用react和javascript根据输入字段中的值过滤数据?

通过列表过滤以根据用户任务的状态显示数据

如何根据用户输入使用 iloc() 显示增量原始数据?

如何根据用户输入和显示预览来预填充文本区域?

如何根据用户输入使用PHP和AJAX从XML提取数据?

根据用户上传数据后选择的用户输入过滤数据框

Android Studios:是否可以根据用户位置过滤 json 数据?

如何根据输入值呈现JSON数据

在输入上使用“键”时,如何过滤/显示结果(来自JSON数据)?

如何根据使用 spring JPA 输入的字符串查找和显示数据

MS Excel。如何根据输入范围过滤数据透视表?

我必须能够根据用户在 edittext 上输入查询并单击查询按钮来输出和显示来自 sqlite 的数据