在对象中搜索单词并返回结果

Question

I have basic object and I want to search the title and description values and return the found objects. After your help, I can output them in HTML. I currently get a syntax error.

In the example I want to return all objects that contain the search term "dog"

var search_term = "dog";
var search_results = [];
var page_json = [{
  "page_title": "Display",
  "page_url": "/display/",
  "page_description": "We display stuff. search this description for the word dog.",
}, {
  "page_title": "DRAM",
  "page_url": "/dram/",
  "page_description": "stuff about dram here",
}, {
  "page_title": "TVs",
  "page_url": "/tv/",
  "page_description": "stuff about tvs here",
},];

$(page_json).each(function(i, value) {
  //console.log( value.page_description );
  // search for our term in the description AND title values
  if ($(value.page_description).contains(search_term)) {
    console.log(value);
    // put that object into search_results array
  }
});

The answer I went with...

var search_term = "dog";
var search_results = [];
var page_json = [{
        "page_title": "Display",
        "page_url": "/display/",
        "page_description": "search this description for the word dog.",
    },{
        "page_title": "this title has a dog",
        "page_url": "/dram/",
        "page_description": "stuff about dram here",
    },{
        "page_title": "TVs",
        "page_url": "/tv/",
        "page_description": "stuff about tvs here",
    },
];

var search = function(search_term) {
    return page_json.filter(function(item) {
        // if search term is inside the title OR description
        if (item.page_description.indexOf(search_term) !== -1 || item.page_title.indexOf(search_term) !== -1){
            return item;
        }
    })
}

search_results = search(search_term);

console.log(search_results);

Answer 1

I'm not sure how this's done with jquery, but here's how you'd do it in JS:

const foundObject = page_json.find(obj=> 
     obj.page_title.includes(search_term) ||
     obj.page_description.includes(search_term)
   )

console.log(foundObject) returns the desired output.

If you want to do it with a plain for loop:

 let foundObject=null;
 for(let i=0; i < page_json.length; i++){
   const exists = page_json[i].page_title === search_term || page_json[i].page_description === search_term;
   if(exists) {
      foundObject = page_json[i]; // What you want.
   }
 }
if(foundObject) { // Do something.. }

Let me know if that isn't clear!

Answer 2

You do not need use Jquery here. Javascript have the filter function, which fits very well for this situation.

var search_term = "dog";
var search_results = [];
var page_json = [{
    "page_title": "Display",
    "page_url": "/display/",
    "page_description": "We display stuff. search this description for the word dog.",
},
{
    "page_title": "DRAM",
    "page_url": "/dram/",
    "page_description": "stuff about dram here",
},
{
    "page_title": "TVs",
    "page_url": "/tv/",
    "page_description": "stuff about tvs here",
},
];

search = function(search_term, json) {
    return json.filter(function(i) {
        if (i.page_description.indexOf('about') !== -1) return i;
    })
}

search_results = search(search_term, page_json);

console.log(search_results);

Answer 3

For searching for the correct page_title you'd put the following:

if(page_json[i]["page_title"] == 'whatever title' && page_json[i]["page_description"] == 'whatever description'){
//do something here
}

or

  if(page_json[i]["page_title"] == 'whatever title'){ 
   //do something
  }
    if (page_json[i]["page_description"] == 'whatever description'){
    //do something here
    }