I have following array of string used in select element (multi select) options.
let array = ["one", "two", "three"];
Also I have following Object.
{ "one" : ['apple','orange','banana'], "two" : ['cucumber','onion'], "three" : ['potato','radish','carot']};
I select one & two and I want to combine
['apple','orange','banana'] and ['cucumber','onion'] in another select dropdown.
You can use Array#reduce in conjunction with Array#concat.
let chosen = ['one', 'two'];
let obj = { "one" : ['apple','orange','banana'], "two" : ['cucumber','onion'], "three" : ['potato','radish','carot']};
const res = chosen.reduce((acc, curr)=>acc.concat(obj[curr]), []);
console.log(res);Use Array#map to iterate through the array and get the corresponding array in the object and Array#flat to flatten the result:
let array = ["one", "two"];
let obj = {
"one": ['apple', 'orange', 'banana'],
"two": ['cucumber', 'onion'],
"three": ['potato', 'radish', 'carot']
};
const result = array.map(e => obj[e]).flat();
console.log(result);
['apple','orange','banana','cucumber','onion']