JSFiddle - React, Tailwind, and code Playground

by arpitvicky

JavaScript

Array.prototype.customFilter = function(info) {  
 console.log('Criteria');
 console.log(info);
 
  var matchesFilter, matches = [], count;
  matchesFilter = function(item) {
    console.log('check each item');
    //console.log(item);
    count = 0
    for (var n = 0; n < info.length; n++) {
   // console.log(info[n]);
      if (info[n]["values"].indexOf(item[info[n]["key"]]) > -1) {
        console.log(item);
        count++;
      }
    }
   // console.log(info); 
    return count == info.length;
  }

 
  for (var i = 0; i < this.length; i++) {
 
    if (matchesFilter(this[i])) {
      matches.push(this[i]);
    }
  }

  return matches;
}


var criteria = [
  {
    key: "252152510",
    values: ["-121562750", "1065813797"]
  },
  {
    key: "1414275751",
    values: ["468123540"]
  }
];

/* var productList = { */
  var data = [
    {
      title: "Meisterstück Gold-Coated Classique Ballpoint Pen",
      price: {
        displayPrice: "$420.00",
        currencySymbol: "US$",
        currencyCode: "USD",
        value: 420
      },
      productPath: "/etc/commerce/products/rcq/mtb/108/83/10883",
      imageResource: {
        path:
          "/content/dam/mtb/products/writing-instruments/108/83/10883/533-large.png",
        extension: ".png"
      },
      previewImageResource: {
        path:
          "/content/dam/mtb/products/writing-instruments/108/83/10883/28576-ecom-osis-sq-03.png",
        extension: ".png"
      },
      detailPagePath:
        "/en-us/collection/redn-category-filter-writing-instruments/meisterstueck/10883-meisterstueck-classique-ballpoint-pen.html",
      bestSeller: false,
      isnew: false,
      customTag1: "New Arrival",
      isCustomTag1Present: true,
      customTag1Color: "#FFFF00",
      customTag2: "Most Bought",
      isCustomTag2Present: true,
      customTag2Color: "#FFFFFF",
      isAddToCartAllowed: true,
      productCategory: "Writing Instruments",
      productCollection: "Meisterstück",
      productSKU: "10883",
...