javascript - 使用基于 javascript 变量值的把手显示数据

Question

我有一个采用这种形式的车把数据结构

    var data = [{
    "flightno": "F10001",
    "dept_time": "2100",
    "travel_time": "13.05",
    "origin": "Sydney",
    "destination": "Delhi",
    "infant": "No",
    "recliner": "No",
    "Premium": "1",
    "Economy": "2",
    "Business": "3"
}];

我正在通过表单将来源和目的地转换为 javascript 变量。现在我需要显示来自把手数组的数据，其中包含这些 js 变量的相应值。

为了进一步阐明我是否有 2 个分别具有起点和终点值的 js 变量，我需要在数据数组中搜索这些起点和终点，然后使用每个帮助器显示所有属性。

{{#each this}}
<tr>
<td><input type="radio" name="chosenflight" value="{{flightno}}"></td>
<td>{{flightno}}</td>
<td>{{dept_time}}</td>
<td>{{formatTravelTime travel_time}}</td>
<td>{{Premium}}</td>
<td>{{Economy}}</td>
<td>{{Business}}</td>
</tr>
{{/each}}

Answer 1

如果我正确理解了这个问题，您需要在将数组传递给车把之前对其进行过滤。你可以使用 javascript 来做到这一点

 var origin = "Sydney";
 var dest = "Delhi";

 var modData = data.filter(function(obj) {
     return obj.origin.toLowerCase() === origin.toLowerCase() && obj.destination.toLowerCase() === dest.toLowerCase();
 });

 console.log(modData);