Search value in an array of objects in Javascript [duplicate]

Question

In the following scenario, how can I search both label and value?

var countries = [
    { label: 'United Kingdom', value: '44', group: "Europe" },
    { label: 'United States', value: '1', group: "North America" },
    { label: 'Norway', value: '47', group: "Europe" },
    { label: 'Sweden', value: '46', group: "Europe" },
    { label: 'Germany', value: '49', group: "Europe" }
];

text = 'uni';// Works fine since 'uni' is present in label
text = '44' // Should lookup value as well and return 'United Kingdom'

var suggestions = countries.filter(n => n.label.toLowerCase().includes(text));

console.log(suggestions);

Link to JS Bin

n => n.label.toLowerCase().includes(text) || n.value == text? — Nick
– Nick, Commented Apr 10, 2020 at 6:12
Change line to - var suggestions = countries.filter(n => (n.label.toLowerCase().includes(text) + n.value.toLowerCase().includes(text))); — Rahul Vartak
– Rahul Vartak, Commented Apr 10, 2020 at 6:26

Cagri Tacyildiz · Accepted Answer · 2020-04-10 06:13:26Z

2

just put or statement to filter

var suggestions = countries.filter(n => n.label.toLowerCase().includes(text) || n.value.toLowerCase().includes(text));

answered Apr 10, 2020 at 6:13

Cagri Tacyildiz

17.7k6 gold badges38 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xdeepakv · Accepted Answer · 2020-04-10 06:26:58Z

You can implement a fuzzy search using all the values. Convert all value as word and then match.

Useful methods: Object.values, filter

const fuzzySearch = (countries, txt) => {
  return countries.filter((country) => {
    const word = Object.values(country).join("");
    return word.toLowerCase().includes(txt);
  });
};

const countries = [
  { label: "United Kingdom", value: "44", group: "Europe" },
  { label: "United States", value: "1", group: "North America" },
  { label: "Norway", value: "47", group: "Europe" },
  { label: "Sweden", value: "46", group: "Europe" },
  { label: "Germany", value: "49", group: "Europe" },
];
const suggestions = (keyword) => fuzzySearch(countries, keyword);
console.log(suggestions("uni"));
console.log(suggestions("44"));

kanine · Accepted Answer · 2020-04-10 06:14:16Z

0

Just go for the and(&&) operator, I would also suggest making the 'suggestions' as a method which takes two parameters and fetches the correct item.

num = '46';
text = 'Sweden';
var suggestions = countries.filter(n => RegExp(text,'i').test(n.label) && n.value == num);

answered Apr 10, 2020 at 6:14

kanine

1,1681 gold badge9 silver badges8 bronze badges

Comments

gsaandy · Accepted Answer · 2020-04-10 06:17:42Z

0

Try this

var countries = [
    { label: 'United Kingdom', value: '44', group: "Europe" },
    { label: 'United States', value: '1', group: "North America" },
    { label: 'Norway', value: '47', group: "Europe" },
    { label: 'Sweden', value: '46', group: "Europe" },
    { label: 'Germany', value: '49', group: "Europe" }
];

text = '44';

var suggestions = countries.filter(n => {  
  if(n.label.toLowerCase().includes(text)) {
    return true;
  }

  if (n.value.includes(text)) {
    return true;
  }

  return false;
});

console.log(suggestions);

answered Apr 10, 2020 at 6:17

gsaandy

6296 silver badges9 bronze badges

Comments

BadPiggie · Accepted Answer · 2020-04-10 06:17:44Z

0

Just use OR condition, Following code will work for label,value,group

var countries = [
    { label: 'United Kingdom', value: '44', group: "Europe" },
    { label: 'United States', value: '1', group: "North America" },
    { label: 'Norway', value: '47', group: "Europe" },
    { label: 'Sweden', value: '46', group: "Europe" },
    { label: 'Germany', value: '49', group: "Europe" }
];

text = 'europe';// Works
text = 'uni' // works
text = 44 // works

var suggestions = countries.filter(n => {

  return ( 
        n.label.toLowerCase().includes(text) ||
        n.group.toLowerCase().includes(text) ||
        n.value.includes(text)
     )

});

console.log(suggestions);

answered Apr 10, 2020 at 6:17

BadPiggie

6,4391 gold badge17 silver badges37 bronze badges

Comments

Osama Abid · Accepted Answer · 2020-04-10 06:21:00Z

0

text = '44';
label = 'United Kingdom'

const suggestions = countries.filter(n => n.label.toLowerCase() === label.toLowerCase() && n.value === text);

I think what i understand, is that you just need to set && or || statement and set condition for the label too.

answered Apr 10, 2020 at 6:21

Osama Abid

951 silver badge8 bronze badges

Comments

Code Maniac · Accepted Answer · 2020-04-10 06:21:30Z

0

You can use Object.values and some and includes

var countries = [{ label: 'United Kingdom', value: '44', group: "Europe" },{ label: 'United States', value: '1', group: "North America" },{ label: 'Norway', value: '47', group: "Europe" },{ label: 'Sweden', value: '46', group: "Europe" },{ label: 'Germany', value: '49', group: "Europe" }];

const suggestions = searchTerm => countries.filter(n => Object.values(n).some(value => value.toLowerCase().includes(searchTerm)));

console.log(suggestions("uni"));
console.log(suggestions("44"));

answered Apr 10, 2020 at 6:21

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Collectives™ on Stack Overflow

Search value in an array of objects in Javascript [duplicate]

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Linked

Related