filter_v_filterBy

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  options: ["Xie Q.", "blah"],
  
  data: [
    {
        "frequency": 2,
        "name": "Lee J."
    },
    {
        "frequency": 2,
        "name": "Xie Q."
    },
    {
        "frequency": 2,
        "name": "Yu R."
    },
    {
      "frequency": 2,
      "title": "some title",
      "name": "blah",
    },
	],
  
  filtered: null,
  
  actions: {
    doFilterBy() {
      // This works because we're only passing a single value to `filterBy`
      let filteredBy = this.get('data').filterBy('name', 'blah');
      this.set('filtered', filteredBy);
  	},
    
    doFilter() {
      // To filter against an array of values, we use `indexOf` to check each enumerated value against
      // the test array. 
      let filtered = this.get('data').filter((v) => {
        return this.get('options').indexOf(v.name) !== -1;
      });
      this.set('filtered', filtered);
    }
      
  }
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>

<h5>The input data:</h5>
<ul>
	{{#each data as |i|}}
  	<li>{{i.name}}</li>
  {{/each}}
</ul>

<button type="button" {{action 'doFilterBy'}}>Filter By</button>

<button type="button" {{action 'doFilter'}}>Filter</button>

<h5>The results:</h5>
<ul>
	{{#each filtered as |i|}}
  	<li>{{i.name}}</li>
  {{/each}}
</ul>

twiddle.json

{
  "version": "0.8.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.5.1",
    "ember-data": "2.5.2",
    "ember-template-compiler": "2.5.1"
  }
}