JSFiddle - React, Tailwind, and code Playground

by thinkloop

JavaScript

var data = [
        { 
            id: 1, 
            name: 'summer black jeans and navy top', 
            bottom: "black skinny jeans",
            top: "navy blue shirt"
        },
        { 
            id: 2, 
            name: 'high fashion color', 
            bottom: "black fat pants",
            top: "pink t-shirt"
        }    
    ],
    keywords = 'black jeans blue';

function search(keywords) {
    var keywordsSplit = keywords.split(' '),
        isMatch = true,
        results = [];
    
    for (var i = 0; i < data.length; i++) {
        for (var p in data[i]) { 
            isMatch = true;
            for (var j = 0; j < keywordsSplit.length; j++) {
console.log(data[i][p].toString().toLowerCase(), keywordsSplit[j]);                
                if (data[i][p].toString().toLowerCase().indexOf(keywordsSplit[j]) < 0) {
                    isMatch = false;
                    break;
                }
            }
            if (isMatch) {
                break;
            }
        } 
        
        if (isMatch) {
            results.push(data[i]);
        }
    }
    console.log(results);
}

search('black skinny');