JavaScript Filter array of objects by multiple values filter array objects javascript,filter array objects angular 6,filter

I want to be able to create a new array of objects by filtering one by multiple search terms

Example:

  const arr = [
  {
      'city': 'Atlanta',
      'state': 'Georgia'
  },
  {
      'city': 'Chicago',
      'state': 'Illinois'
  },
  {
      'city': 'Miami',
      'state': 'Florida'
  }
]

const searchTerms = ['Georgia', 'Florida']

I would like to be able to filter it like this:

arr.filter(obj => obj['state'].includes(searchTerms))

I've found that entering one string with the .includes works, but not an array. I'm open to different logic or even a third party library like lodash or something. I would like to return a new array of objects with only the states that are in the searchterms array

Answer:1

You should call searchTerms.includes on obj.state and not the other way around. So it becomes:

let result = arr.filter(obj => searchTerms.includes(obj.state));

Which means filter out objects that have thier state property included in the array searchItems.

Example:

const arr = [{'city': 'Atlanta', 'state': 'Georgia'}, {'city': 'Chicago', 'state': 'Illinois'}, {'city': 'Miami', 'state': 'Florida'}];

const searchTerms = ['Georgia', 'Florida'];

let result = arr.filter(obj => searchTerms.includes(obj.state));

console.log(result);

Answer:2

If you're interested in a solution using Ramda:

const cities = [
  { 'city': 'Atlanta',
    'state': 'Georgia' },
    
  { 'city': 'Chicago',
    'state': 'Illinois' },
    
  { 'city': 'Miami',
    'state': 'Florida' } ];
    

const findCities = (search, cities) => {
  const predicate = R.flip(R.includes)(search);
  return R.filter(R.compose(predicate, R.prop('state')), cities);
};

console.log(
  findCities(['Georgia', 'Florida'], cities)
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/ramda/0.26.1/ramda.min.js"></script>

Answer:3

In React, what is the best way to define action types?

In React, which one of the following ways is the best way to define action types? First way: Defining actions using strings like the following: const actionCreatorExample = (value) => { ...

react best practices
react best practices 2019
react best practices 2018
react best ui framework
react best tutorial
react best practices folder structure
react best practices github
react best libraries
react best book
react best ide
react best folder structure
react best css framework
react best form library
react best components
react best course
react best ui
react best practises
react best place to fetch data
react best chart library
react best router

How to deal with css and custom directive in angulajs

Consider a custom directive in angularjs: .directive('myDir', function() { return { restrict: 'E', template: "..." } }) As far as I see the tag <my-dir></myDir> has no ...

deal with custom
deals custom woodworks
how to deal with custom officer
custom deal with it gif

how to print array element from back side in increment loop

let suppose I have an array var a = [1,2,3,4] and now I want to print this array from the back side like 4,3,2,1 I know this can we achieve by this for(let i=a.length; i>= 0; i--) { console....

print array element python
print array element bash
print array element php
print array elements in java
print array elements in c
print array elements javascript
print array elements in reverse order java
print array elements in shell script
print array elements perl
print array elements using recursion java
print array elements in reverse order c++
print array elements in new line javascript
print array elements in reverse order javascript
print array element matlab
print array elements in ascending order
print array elements using recursion in c
print array elements in one line java
print array elements using pointers
print array elements in scala
print array elements in java 8

javascript foreach select loop with selected value

I've written the following code that generates a select list. However, the part where it's supposed to check if this.id equals the same as the existing_code and put the selected value in doesnt seem ...

javascript foreach select options
javascript foreach select