JSFiddle - React, Tailwind, and code Playground

by praveen_jegan

HTML

<p id="oo">

</p>

JavaScript

var fullData = ['cadium-carbon', 'Aluminum-zinc alloy (5%-6% zinc)', "Acrylonitrile butadiene styrene (ABS)",
  "Cunifer (70/30)", "Hastelloy C-22", "Nickel (>99.5%)", "Stainless steel (W.-Nr. 1.4464)"
];

function filterMatcherCallback1(params, fullData) {
	var pp = params.toLowerCase().replace(/[^a-zA-Z0-9]/g, "");
  console.log(pp)
  if (pp === "") {
    return fullData;
  }

  return fullData.filter((item) => {
  	let dup = item.replace(/[^a-zA-Z0-9]/g, '').toLowerCase();
    if (dup.indexOf(pp) !== -1) return item;
    else if (dup.indexOf(pp) !== -1) return item;
  })
}


var ss =  filterMatcherCallback1('Stainless steel (WNr. 14464', fullData);

document.getElementById('oo').innerHTML = ss;