How can i search inside array of array object in javascript?

Question

I have a booking array of arrays that contain objects and I have to search inside the array using searchValue could you please help me here

here we have to check the booking id if booking id and searchValue matched we have to push that object into result array.

let bookingArr = [
  [{
      name: "user 1",
      bookingid: 10,
      product: "ab"
    },
    {
      name: "user 1",
      bookingid: 10,
      product: "cd"
    }
  ],
  [{
      name: "user 2",
      bookingid: 11,
      product: "ui"
    },
    {
      name: "user 1",
      bookingid: 10,
      product: "ef"
    }
  ],
  [{
      name: "user 3",
      bookingid: 12,
      product: "ui"
    },
    {
      name: "user 4",
      bookingid: 13,
      product: "ef"
    }
  ]
];


var searchValue = "10,11";

var FOUND = bookingArr.find(function(post, index) {
  if (post.bookingid == 11)
    return true;
});


console.log(FOUND)

expected result

[ { name:"user 1", bookingid:10, product: "ab" },
    { name:"user 1", bookingid:10, product: "cd" },
    { name:"user 1", bookingid:10, product: "ef" },
    { name:"user 2", bookingid:11, product: "ui" }]

Why does the bookingArr contain arrays and not objects directly ? — Gabriele Petrioli
– Gabriele Petrioli, Commented Apr 9, 2021 at 14:55

salkcid · Accepted Answer · 2021-04-09 15:12:07Z

3

You can try this code:

const bookingArr = [[
  { name: 'user 1', bookingid: 10, product: 'ab' },
  { name: 'user 1', bookingid: 10, product: 'cd' },
], [
  { name: 'user 2', bookingid: 11, product: 'ui' },
  { name: 'user 1', bookingid: 10, product: 'ef' },
],
[
  { name: 'user 3', bookingid: 12, product: 'ui' },
  { name: 'user 4', bookingid: 13, product: 'ef' },
]];


const searchValue = '10,11';

const sv = searchValue.split(',').map(Number);

const FOUND = bookingArr.flat().filter(({ bookingid }) => sv.includes(bookingid));

console.log(FOUND);

edited Apr 9, 2021 at 15:12

answered Apr 9, 2021 at 14:59

salkcid

997 bronze badges

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

Comments

Unmitigated · Accepted Answer · 2021-04-09 15:06:57Z

2

You can use Array#filter with a Set for better performance after flattening the array.

let bookingArr = [[
    { name:"user 1", bookingid:10, product: "ab" },
    { name:"user 1", bookingid:10, product: "cd" }
],[
    { name:"user 2", bookingid:11, product: "ui" },
    { name:"user 1", bookingid:10, product: "ef" }
],
[
    { name:"user 3", bookingid:12, product: "ui" },
    { name:"user 4", bookingid:13, product: "ef" }
]];
let searchValue = "10,11";
let set = new Set(searchValue.split(",").map(Number)); // for faster lookup
let res = bookingArr.flat().filter(x => set.has(x.bookingid));
console.log(res);

answered Apr 9, 2021 at 15:06

Unmitigated

91.4k12 gold badges102 silver badges109 bronze badges

5 Comments

Som Shekhar Mukherjee Over a year ago

If the searchValue is somehow not convertible to a Number, then it would be a problem. I would rather prefer converting the bookingId into a String.

its me Over a year ago

is it possible to get non matched records like bookingid 12 and 13 [ { name: 'user 3', bookingid: 12, product: 'ui' }, { name: 'user 4', bookingid: 13, product: 'ef' }, ]

Unmitigated Over a year ago

@itsme You can just check for elements not in the Set: jsfiddle.net/bdc3x1em

its me Over a year ago

how can i get no matched search value jsfiddle.net/cesm0tbn

Unmitigated Over a year ago

@itsme If you have another issue, it is recommended to ask a new question.

Lakshya Thakur · Accepted Answer · 2021-04-09 15:28:08Z

1

Following with filter and Set will work :-

let bookingArr = [
  [{
      name: "user 1",
      bookingid: 10,
      product: "ab"
    },
    {
      name: "user 1",
      bookingid: 10,
      product: "cd"
    }
  ],
  [{
      name: "user 2",
      bookingid: 11,
      product: "ui"
    },
    {
      name: "user 1",
      bookingid: 10,
      product: "ef"
    }
  ],
  [{
      name: "user 3",
      bookingid: 12,
      product: "ui"
    },
    {
      name: "user 4",
      bookingid: 13,
      product: "ef"
    }
  ]
];


var searchValue = "10,11";

function logic(arr, searchValue) {
  let searchInputs = searchValue.split(',');
  let searchSet = new Set(searchInputs.map(val => parseInt(val)));
  let output = bookingArr.flat().filter(curr => searchSet.has(curr.bookingid))
  return output;
}


console.log(logic(bookingArr, searchValue));

edited Apr 9, 2021 at 15:28

answered Apr 9, 2021 at 15:00

Lakshya Thakur

8,3141 gold badge15 silver badges43 bronze badges

2 Comments

Som Shekhar Mukherjee Over a year ago

I would prefer filter over reduce in this situation. Any specific reasons you went with reduce?

Lakshya Thakur Over a year ago

You’re right. Can you edit it ? Else I will do it later.

Elson Ramos · Accepted Answer · 2021-04-09 15:36:17Z

1

You can try this:

let bookingArr = [
  [
    { name: 'user 1', bookingid: 10, product: 'ab' },
    { name: 'user 1', bookingid: 10, product: 'cd' },
  ],
  [
    { name: 'user 2', bookingid: 11, product: 'ui' },
    { name: 'user 1', bookingid: 10, product: 'ef' },
  ],
  [
    { name: 'user 3', bookingid: 12, product: 'ui' },
    { name: 'user 4', bookingid: 13, product: 'ef' },
  ],
];

var searchValue = '10,11';

var searchIds = searchValue.split(',');

var FOUND = [];

bookingArr.forEach((el) => {
  el.forEach((el2) => {
    searchIds.forEach((num) => {
      if (num == el2.bookingid) {
        FOUND.push(el2);
      }
    });
  });
});

console.log(FOUND);

edited Apr 9, 2021 at 15:36

answered Apr 9, 2021 at 15:00

Elson Ramos

8501 gold badge6 silver badges15 bronze badges

Comments

Som Shekhar Mukherjee · Accepted Answer · 2021-04-12 15:38:20Z

1

You can simply flatten the array and filter out the desired results. Also, I've create a Set out of the search value for making the code more performant.

let bookingArr = [
  [
    { name: 'user 1', bookingid: 10, product: 'ab' },
    { name: 'user 1', bookingid: 10, product: 'cd' },
  ],
  [
    { name: 'user 2', bookingid: 11, product: 'ui' },
    { name: 'user 1', bookingid: 10, product: 'ef' },
  ],
  [
    { name: 'user 3', bookingid: 12, product: 'ui' },
    { name: 'user 4', bookingid: 13, product: 'ef' },
  ],
];

const searchValue = "10,11"

const searchSet = new Set(searchValue.split(","))

const res = bookingArr.flat().filter(b => searchSet.has(String(b.bookingid)))

console.log(res)

edited Apr 12, 2021 at 15:38

answered Apr 9, 2021 at 15:10

Som Shekhar Mukherjee

8,1982 gold badges16 silver badges34 bronze badges

1 Comment

Som Shekhar Mukherjee Over a year ago

@itsme I've posted an answer there, please check if that solves your problem.

Collectives™ on Stack Overflow

How can i search inside array of array object in javascript?

5 Answers 5

Comments

5 Comments

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

5 Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related