JSFiddle - React, Tailwind, and code Playground

by Saran

JavaScript

var mytestvalue = "Fit:Regular,Color:Coyote (120)";
// var mytestvalue = "Color:Coyote (120),Fit:Regular";

var myobj = [{
  "index": 0,
  "title": "Foo1",
  "skus": "Fit:Regular,Size:6,Color:Coyote (120)",
}, {
  "index": 1,
  "title": "Foo2",
  "skus": "Fit:Regular,Color:Coyote (120),Size:65",
}, {
  "index": 2,
  "title": "Foo3",
  "skus": "Fit:Regular,Size:7,Color:Coyote (120)",
}, {
  "index": 0,
  "title": "Foo4",
  "skus": "Color:Coyote (120),Fit:Regular,Size:7.5",
}, {
  "index": 1,
  "title": "Foo5",
  "skus": "Fit:Slim,Size:8,Color:Coyote (120)",
}, {
  "index": 2,
  "title": "Foo6",
  "skus": "Fit:Regular,Size:9,Color:Coyote (120)",
}, {
  "index": 0,
  "title": "Foo7",
  "skus": "Fit:Regular,Size:8.5,Color:Coyote (120)",
}, {
  "index": 1,
  "title": "Foo8",
  "skus": "Fit:Regular,Size:10,Color:Coyote (120)",
}, {
  "index": 2,
  "title": "Foo9",
  "skus": "Fit:Slim,Color:Coyote (120),Size:13",
}, {
  "index": 0,
  "title": "Foo10",
  "skus": "Fit:Regular,Size:8.5,Color:Coyote (120)",
}, {
  "index": 1,
  "title": "Foo11",
  "skus": "Fit:Regular,Size:10,Color:Coyote (120)",
}, {
  "index": 2,
  "title": "Foo12",
  "skus": "Fit:Regular,Color:Coyote (120),Size:13",
}];

function getSkuCombinations(obj, prodskuval) {
  var combres = $.grep(obj, function(o) { //Will give you all the matches
    return o.skus.indexOf(prodskuval) > -1;
  });
  return combres;
}

var combinationresults = getSkuCombinations(myobj, mytestvalue);
console.log(combinationresults);