How to filter JSON data using TypescriptJavascriptAngular 4? - Stack Overflow

admin管理员组

文章数量:1344321

I have json data like this

data :[
{taskname:'chennai',    id:'maa' }
{taskname:'mumbai',     id:'bom' }
{taskname:'delhi',      id:'del' }
....
....
....
{taskname:'salem',      id:'che'}
{taskname:'bengaluru',  id:'blr'}
{taskname:'chavvapet',  id:'chv'}
}]

now i need to filter this data and return matching values (just like autoplete). For example when i get value CH , first i need to check on ID and then on taskname. so the return value should be like this. must order ID matching top and then taksname matching.

{taskname:'salem',      id:'che'}
{taskname:'chavvapet',  id:'chv'}
{taskname:'chennai',    id:'maa'}

Incase if i get value CHE, then i need to return value like this

{taskname:'salem',      id:'che'  }
{taskname:'chennai',    id:'maa'  }

Could someone please tell me how to do filter using typescript ?

Tried few of this answer, but no luck.

I have json data like this

data :[
{taskname:'chennai',    id:'maa' }
{taskname:'mumbai',     id:'bom' }
{taskname:'delhi',      id:'del' }
....
....
....
{taskname:'salem',      id:'che'}
{taskname:'bengaluru',  id:'blr'}
{taskname:'chavvapet',  id:'chv'}
}]

now i need to filter this data and return matching values (just like autoplete). For example when i get value CH , first i need to check on ID and then on taskname. so the return value should be like this. must order ID matching top and then taksname matching.

{taskname:'salem',      id:'che'}
{taskname:'chavvapet',  id:'chv'}
{taskname:'chennai',    id:'maa'}

Incase if i get value CHE, then i need to return value like this

{taskname:'salem',      id:'che'  }
{taskname:'chennai',    id:'maa'  }

Could someone please tell me how to do filter using typescript ?

Tried few of this answer, but no luck.

• javascript
• angular
• typescript

Share Improve this question Follow edited Jan 21, 2018 at 5:12 Vijay Kumar asked Jan 21, 2018 at 5:03 Vijay KumarVijay Kumar 7511 gold badge22 silver badges77 bronze badges 1

• what you tried before ? – Imran Commented Jan 21, 2018 at 5:12

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

Try this code

const data = [
{taskname:'chennai',  id:'maa',status:'Submitted'},
{taskname:'mumbai',   id:'bom',status:'Resolved'},
{taskname:'delhi',    id:'del',status:'Submitted'},
{taskname:'salem',    id:'che',status:'In Progress'},
{taskname:'bengaluru',id:'blr',status:'Resolved'},
{taskname:'chavvapet',id:'chv',status:'Submitted'}
];

function filterByString(data, s) {
   return data.filter(e => e.id.includes(s) || e.taskname.includes(s))
       .sort((a,b) => a.id.includes(s) && !b.id.includes(s) ? -1 : b.id.includes(s) && !a.id.includes(s) ? 1 :0);
}

console.log(filterByString(data, "ch"));

本文标签： How to filter JSON data using TypescriptJavascriptAngular 4Stack Overflow