javascript - how do I filter an array of objects using multiple parameters - Stack Overflow

admin管理员组

文章数量:1023018

I want to be able to filter an array of data by multiple parameters:

const data = [{
    userId: '7',
    id: '1',
    title: 'quo provident culpa',
    body: "a",
    pleted: true
  },
  {
    userId: '7',
    id: '2',
    title: 'natus modi et',
        body: "a",
    pleted: true
  },
  {
    userId: '1',
    id: '3',
    title: 'voluptatem et reprehenderit',
    body: "c",
    pleted: false
  }
];

const query = {
  title: 'l',
  body: 'a'
}

I've tried this:

const filterData = (data, query) => {
  return data.filter(rec => {
    return Object.keys(query)
      .find(key => rec[key] === query[key])
  })
}

console.log(filterData(data, query))

My solution is not quite working since it returns any objects that satisfy at least one parameter. In the case above I get this returned:

[{
  body: "a",
  pleted: true,
  id: "1",
  title: "quo provident culpa",
  userId: "7"
}, {
  body: "a",
  pleted: true,
  id: "2",
  title: "natus modi et",
  userId: "7"
}]

but what I really wanted was to get returned only what satisfies both conditions (title and body) by partially match the string. like so:

{
  userId: '7',
  id: '1',
  title: 'quo provident culpa',
  pleted: true
}

I understand that the find() method returns the first element that satisfies a condition, but this was the closest I could get since I want it to

I want to be able to filter an array of data by multiple parameters:

const data = [{
    userId: '7',
    id: '1',
    title: 'quo provident culpa',
    body: "a",
    pleted: true
  },
  {
    userId: '7',
    id: '2',
    title: 'natus modi et',
        body: "a",
    pleted: true
  },
  {
    userId: '1',
    id: '3',
    title: 'voluptatem et reprehenderit',
    body: "c",
    pleted: false
  }
];

const query = {
  title: 'l',
  body: 'a'
}

I've tried this:

const filterData = (data, query) => {
  return data.filter(rec => {
    return Object.keys(query)
      .find(key => rec[key] === query[key])
  })
}

console.log(filterData(data, query))

My solution is not quite working since it returns any objects that satisfy at least one parameter. In the case above I get this returned:

[{
  body: "a",
  pleted: true,
  id: "1",
  title: "quo provident culpa",
  userId: "7"
}, {
  body: "a",
  pleted: true,
  id: "2",
  title: "natus modi et",
  userId: "7"
}]

but what I really wanted was to get returned only what satisfies both conditions (title and body) by partially match the string. like so:

{
  userId: '7',
  id: '1',
  title: 'quo provident culpa',
  pleted: true
}

I understand that the find() method returns the first element that satisfies a condition, but this was the closest I could get since I want it to

• javascript
• arrays

Share Improve this question Follow asked Jul 29, 2020 at 7:29 SixtyEightSixtyEight 2,49033 gold badges1818 silver badges2525 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

You could filter with Array#every for the wanted parameters and check only with String#includes.

const
    data = [{ userId: '7', id: '1', title: 'quo provident culpa', body: "a", pleted: true }, { userId: '7', id: '2', title: 'natus modi et',  body: "a", pleted: true }, { userId: '1', id: '3', title: 'voluptatem et reprehenderit', body: "c", pleted: false }],
    query = { title: 'l', body: 'a' },
    filterData = (data, query) => data.filter(rec => Object
        .entries(query)
        .every(([k, v]) => rec[k].toString().includes(v))
    );

console.log(filterData(data, query));

If you only need the first occurrence just replace filter with find.

const filterData = (data, query) => {
  return data.find(rec => {
    return Object.keys(query)
      .find(key => rec[key] === query[key])
  })
}

Edit: You could bine filter with every like this:

const filterData = (data, query) => {
  return data.filter((item) => {
    return Object.keys(query).every((key) => {
      return (item[key] + '').includes(query[key] + '');
    }, true);
  });
}

I want to be able to filter an array of data by multiple parameters:

const data = [{
    userId: '7',
    id: '1',
    title: 'quo provident culpa',
    body: "a",
    pleted: true
  },
  {
    userId: '7',
    id: '2',
    title: 'natus modi et',
        body: "a",
    pleted: true
  },
  {
    userId: '1',
    id: '3',
    title: 'voluptatem et reprehenderit',
    body: "c",
    pleted: false
  }
];

const query = {
  title: 'l',
  body: 'a'
}

I've tried this:

const filterData = (data, query) => {
  return data.filter(rec => {
    return Object.keys(query)
      .find(key => rec[key] === query[key])
  })
}

console.log(filterData(data, query))

My solution is not quite working since it returns any objects that satisfy at least one parameter. In the case above I get this returned:

[{
  body: "a",
  pleted: true,
  id: "1",
  title: "quo provident culpa",
  userId: "7"
}, {
  body: "a",
  pleted: true,
  id: "2",
  title: "natus modi et",
  userId: "7"
}]

but what I really wanted was to get returned only what satisfies both conditions (title and body) by partially match the string. like so:

{
  userId: '7',
  id: '1',
  title: 'quo provident culpa',
  pleted: true
}

I understand that the find() method returns the first element that satisfies a condition, but this was the closest I could get since I want it to

I want to be able to filter an array of data by multiple parameters:

const data = [{
    userId: '7',
    id: '1',
    title: 'quo provident culpa',
    body: "a",
    pleted: true
  },
  {
    userId: '7',
    id: '2',
    title: 'natus modi et',
        body: "a",
    pleted: true
  },
  {
    userId: '1',
    id: '3',
    title: 'voluptatem et reprehenderit',
    body: "c",
    pleted: false
  }
];

const query = {
  title: 'l',
  body: 'a'
}

I've tried this:

const filterData = (data, query) => {
  return data.filter(rec => {
    return Object.keys(query)
      .find(key => rec[key] === query[key])
  })
}

console.log(filterData(data, query))

My solution is not quite working since it returns any objects that satisfy at least one parameter. In the case above I get this returned:

[{
  body: "a",
  pleted: true,
  id: "1",
  title: "quo provident culpa",
  userId: "7"
}, {
  body: "a",
  pleted: true,
  id: "2",
  title: "natus modi et",
  userId: "7"
}]

but what I really wanted was to get returned only what satisfies both conditions (title and body) by partially match the string. like so:

{
  userId: '7',
  id: '1',
  title: 'quo provident culpa',
  pleted: true
}

I understand that the find() method returns the first element that satisfies a condition, but this was the closest I could get since I want it to

• javascript
• arrays

Share Improve this question Follow asked Jul 29, 2020 at 7:29 SixtyEightSixtyEight 2,49033 gold badges1818 silver badges2525 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 9

You could filter with Array#every for the wanted parameters and check only with String#includes.

const
    data = [{ userId: '7', id: '1', title: 'quo provident culpa', body: "a", pleted: true }, { userId: '7', id: '2', title: 'natus modi et',  body: "a", pleted: true }, { userId: '1', id: '3', title: 'voluptatem et reprehenderit', body: "c", pleted: false }],
    query = { title: 'l', body: 'a' },
    filterData = (data, query) => data.filter(rec => Object
        .entries(query)
        .every(([k, v]) => rec[k].toString().includes(v))
    );

console.log(filterData(data, query));

If you only need the first occurrence just replace filter with find.

const filterData = (data, query) => {
  return data.find(rec => {
    return Object.keys(query)
      .find(key => rec[key] === query[key])
  })
}

Edit: You could bine filter with every like this:

const filterData = (data, query) => {
  return data.filter((item) => {
    return Object.keys(query).every((key) => {
      return (item[key] + '').includes(query[key] + '');
    }, true);
  });
}

本文标签： javascripthow do I filter an array of objects using multiple parametersStack Overflow