I want to separate color, size, material etc where a and b array always same length.
a = ["Color", "Color", "color", "color", "Size", "size"]
b = ["black", "red", "blue", "green", "small", "large"]
i want
output = [['black','red','blue','green'], ['small','large'],...]
You can make use of reduce and then take values by Object.values():
var a = ["Color", "Color", "color", "color", "Size", "size"];
var b = ["black", "red", "blue", "green", "small", "large"];
var result = Object.values(b.reduce((acc, elem,i)=>{
const key = a[i].toLowerCase();
acc[key] = [...(acc[key] || []), elem];
return acc;
},{}));
console.log(result);Here you can find my answer to your question. It stores in a dictionary first, then converts it to an array.
The below code will also generate the desired result for the cases where Color and Size randomly ordered.
const a = ["Color", "Color", "color", "color", "Size", "size", "color"];
const b = ["black", "red", "blue", "green", "small", "large", "white"];
let dict = [];
for(let i=0; i<a.length; i++) {
let lowerCase = a[i].toLowerCase();
if(!dict[lowerCase]) {
dict[lowerCase] = [];
}
dict[lowerCase].push(b[i]);
}
let arr = [];
for(let item in dict) {
arr.push(dict[item]);
}
console.log(arr);To merge both arrays you can also use forEach:
const a = ["Color", "Color", "color", "color", "Size", "size"];
const b = ["black", "red", "blue", "green", "small", "large"];
const newArray = []
const newArray2 = a.forEach((color) => {newArray.push(a+b);console.log(newArray)});
aandbalways be the same length?{ color: ['black', 'red', 'blue', 'green'], size: ['small', 'large'] }make more sense?