使用javascript查找同一对象数组中存在的两个值

Question

I have an array with flight detail like from, to and cost of the tickets. I'm trying to show the flight details for particular from-to. For example: if the user selects from as bangaluru and to as delhi then I should show the corresponding detail.I used set to have the print the unique values.Is there any way to check if from and to belongs to same object then it should show details of the object.

I tried the below, but it just checks the overall array.

 if((flightDetails.includes(orginVal)) && (flightDetails.includes(destinationVal))){
            alert("hello");
         }

Js code:

       flightDetails=[{
       "airline": "B-201",
       "from": "Bangaluru(BLR)",
       "to": "Delhi(DEL)",
       "detail": [{
         "date": "2019-12-30",
         "price": "3900",
         "departTime": "12:00 PM",
         "arriveTime": "14:00 PM",
         "seats":"10"
       }, {
         "date": "2019-12-31",
         "price": "3000",
         "departTime": "17:30 PM",
         "arriveTime": "19:30 PM",
         "seats":"3"
       }, {
         "date": "2019-06-01",
         "price": "2100",
         "departTime": "09:00 AM",
         "arriveTime": "11:00 AM",
         "seats":"7"
       }]
     },{
       "airline": "B-202",
       "from": "Delhi(DEL)",
       "to": "Bangaluru(BLR)",
       "detail": [{
         "date": "2019-12-30",
         "price": "3000",
         "departTime": "12:00 PM",
         "arriveTime": "14:00 PM",
         "seats":"10"
       }, {
         "date": "2019-12-31",
         "price": "3000",
         "departTime": "17:30 PM",
         "arriveTime": "19:30 PM",
         "seats":"3"
       }, {
         "date": "2019-06-01",
         "price": "2100",
         "departTime": "09:00 AM",
         "arriveTime": "11:00 AM",
         "seats":"7"
       }]
     }]

inputOrigin=document.getElementById('origin');
inputDesination=  document.getElementById("desination");
originOptions=document.getElementById('originCountry');
destinationOptions= document.getElementById('desinationCountry');

var originCategories = new Set();
var destinationCategories = new Set();

flightDetails.forEach((o) => originCategories.add(o.from));
originCategories = [...originCategories];

flightDetails.forEach((o) => destinationCategories.add(o.to));
destinationCategories = [...destinationCategories];


for(i=0;i<originCategories.length;i++) {
   originOptions.innerHTML+=' <option>'+originCategories[i]+'<option>';
}

for(i=0;i<destinationCategories.length;i++) {
   destinationOptions.innerHTML+=' <option>'+destinationCategories[i]+'<option>';
}

Answer 1

You can use filter , which will return an array with matches. If you only expect one, you can of course pop that element out of it:

 var flightDetails=[{"airline": "B-201","from": "Bangaluru(BLR)","to": "Delhi(DEL)","detail": [{"date": "2019-12-30","price": "3900","departTime": "12:00 PM","arriveTime": "14:00 PM","seats":"10"}, {"date": "2019-12-31","price": "3000","departTime": "17:30 PM","arriveTime": "19:30 PM","seats":"3"}, {"date": "2019-06-01","price": "2100","departTime": "09:00 AM","arriveTime": "11:00 AM","seats":"7"}]},{"airline": "B-202","from": "Delhi(DEL)","to": "Bangaluru(BLR)","detail": [{"date": "2019-12-30","price": "3000","departTime": "12:00 PM","arriveTime": "14:00 PM","seats":"10"}, {"date": "2019-12-31","price": "3000","departTime": "17:30 PM","arriveTime": "19:30 PM","seats":"3"}, {"date": "2019-06-01","price": "2100","departTime": "09:00 AM","arriveTime": "11:00 AM","seats":"7"}]}]; var originVal = "Delhi(DEL)"; var destinationVal = "Bangaluru(BLR)" var matches = flightDetails.filter(detail => detail.from === originVal && detail.to === destinationVal); console.log(matches);

As your existing code already collects the exact origins and destinations, from which the user makes a selection, I don't think it is useful to use includes . It will be more appropriate to look for exact matches.

filter will possibly return multiple results, so you should probably give the user a further selection possibility from that result list.

Answer 2

You're comparing a js object rather than the from-to strings.

Use the function find and check for each object the attributes from-to . This approach finds the first match and not the remaining matches, in that case, you can use the function filter instead.

I'm assuming the final user will write a string like originVal="Bangal" and destinationVal="Del"

 let flightDetails = [{ "airline": "B-201", "from": "Bangaluru(BLR)", "to": "Delhi(DEL)", "detail": [{ "date": "2019-12-30", "price": "3900", "departTime": "12:00 PM", "arriveTime": "14:00 PM", "seats": "10" }, { "date": "2019-12-31", "price": "3000", "departTime": "17:30 PM", "arriveTime": "19:30 PM", "seats": "3" }, { "date": "2019-06-01", "price": "2100", "departTime": "09:00 AM", "arriveTime": "11:00 AM", "seats": "7" }]}, { "airline": "B-202", "from": "Delhi(DEL)", "to": "Bangaluru(BLR)", "detail": [{ "date": "2019-12-30", "price": "3000", "departTime": "12:00 PM", "arriveTime": "14:00 PM", "seats": "10" }, { "date": "2019-12-31", "price": "3000", "departTime": "17:30 PM", "arriveTime": "19:30 PM", "seats": "3" }, { "date": "2019-06-01", "price": "2100", "departTime": "09:00 AM", "arriveTime": "11:00 AM", "seats": "7" }]}], originVal = "Bangaluru", destinationVal = "Delhi", found = flightDetails.find(({from, to}) => from.includes(originVal) && to.includes(destinationVal)); if (found) console.log(found.detail);

 .as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

You can take input and than find the object based on from and to property

 let flightDetails = [{"airline":"B-201","from":"Bangaluru(BLR)","to":"Delhi(DEL)","detail":[{"date":"2019-12-30","price":"3900","departTime":"12:00PM","arriveTime":"14:00PM","seats":"10"},{"date":"2019-12-31","price":"3000","departTime":"17:30PM","arriveTime":"19:30PM","seats":"3"},{"date":"2019-06-01","price":"2100","departTime":"09:00AM","arriveTime":"11:00AM","seats":"7"}]},{"airline":"B-202","from":"Delhi(DEL)","to":"Bangaluru(BLR)","detail":[{"date":"2019-12-30","price":"3000","departTime":"12:00PM","arriveTime":"14:00PM","seats":"10"},{"date":"2019-12-31","price":"3000","departTime":"17:30PM","arriveTime":"19:30PM","seats":"3"},{"date":"2019-06-01","price":"2100","departTime":"09:00AM","arriveTime":"11:00AM","seats":"7"}]}] function values(){ let fromIn = document.getElementById('from').value let toIn = document.getElementById('to').value let details = flightDetails.find(( {from,to} ) => from === fromIn && to === toIn) console.log(details) }

 <input id='from' placeholder='From'></input> <input id='to' placeHolder='To'></input> <button onClick=values()>Give me details</button>