JSFiddle - React, Tailwind, and code Playground

by shraddhapaghdar

JavaScript

const DBProductArray = [{
    Color: "Red",
    Size: "Small",
    Price: "$450"
  },
  {
    Color: "Red",
    Size: "Medium",
    Price: "$460"
  },
  {
    Color: "Red",
    Size: "Large",
    Price: "$460"
  },
  {
    Color: "Red",
    Size: "Extra-Large",
    Price: "$470"
  },
  {
    Color: "White",
    Size: "Small",
    Price: "$650"
  },
  {
    Color: "White",
    Size: "Medium",
    Price: "$660"
  }, {
    Color: "White",
    Size: "Large",
    Price: "$670"
  }, {
    Color: "White",
    Size: "Extra-Large",
    Price: "$680"
  }
];

const lookupMap = {};

const arrayLength = DBProductArray.length;
for (i = 0; i < arrayLength; i++) {
  var record = DBProductArray[i];

  if (typeof lookupMap[record.Color] === 'undefined')
    lookupMap[record.Color] = {};

  lookupMap[record.Color][record.Size] = record.Price;
}
console.log(lookupMap);
const selectedColor = "White";
const selectedSize = "Large";
console.log(lookupMap[selectedColor][selectedSize]);