How to implement search inside a json Array

Question

I have a json array like this

[
  {"Id":1,
  "Name":"John"
  }, 
  {"Id":2,
  "Name":"Mathew"
  },
   {"Id":3,
  "Name":"Wilfred"
  },
   {"Id":4,
  "Name":"Gary"
  }
]

I need to implement an auto complete feature using this data. so if I search for "Wil" I should get Wilfred as result. How can I do such a search similar to the SQL LIKE in JSON array

Did you already try something ? Do you need to search on several properties (Name, Firstname etc...) ? — R. Foubert, Jul 19 '16 at 09:32
@R.Foubert nope. For now I don't want to search on several properties — I'm nidhin, Jul 19 '16 at 09:33
@Rishi It is just simple autocomplete. Don't want to make it complex — I'm nidhin, Jul 19 '16 at 09:33
Use jquery autocomple plugin and pass you json object as a source — Nitin Dhomse, Jul 19 '16 at 09:34
According to Rayon, you should use the filter method of the Array protoype. Then check if the name contains the input and return the object if so ;) — R. Foubert, Jul 19 '16 at 09:34
if using jquery, `$.grep(persons,function(obj) { return obj.Name.indexOf('Wil') != -1});` — Krishnakumar_Muraleedharan, Jul 19 '16 at 09:41

score 4 · Answer 1 · edited Jul 19 '16 at 09:40

4

Use Array.prototype.filter

var persons = [{
  "Id": 1,
  "Name": "John"
}, {
  "Id": 2,
  "Name": "Mathew"
}, {
  "Id": 3,
  "Name": "Wilfred"
}, {
  "Id": 4,
  "Name": "Gary"
}]
var searchTerm = "Wil";
var results = persons.filter(function(person) {
  return person.Name.indexOf(searchTerm) > -1;
});
console.log(results);

edited Jul 19 '16 at 09:40

Rayon

36,219
4
49
76

answered Jul 19 '16 at 09:34

Arun Ghosh

7,634
1
26
38

if you want a fuzzy search, I suggest you go with https://github.com/bripkens/fuzzy.js – Christian Jul 19 '16 at 09:46

How to implement search inside a json Array

1 Answers1