searchAndSort(){
        let searchData = [
            {productName: 'Cheetos', category: 'Meciners'},
            {productName: 'Chitato', category: 'Meciners'},
            {productName: 'Kitkat', category: 'Chocolate'},
            {productName: 'Catburry', category: 'Chocolate'},
            {productName: 'Susuku', category: 'Kids Snack'},
            {productName: 'Yupi', category: 'Kids Snack'},
            {productName: 'Vodka', category: 'Adult Drink'},
        ];

        // *THIS IS SEARCH by productName
        console.log("*THIS IS SEARCH by productName");

            let searchTemp = [];
            let seachInput = 'ch'; //USER INPUT, CHANGE THIS IF YOU WANT
            let inputLength = seachInput.length;

            for(let index=0; index < searchData.length; index++){

                let productName = searchData[index].productName;
                // console.log("ProductName: ", searchData[index].productName);
                // console.log("substr: ", productName.substr(0, 2));

                for(let index2=0; index2 < productName.length; index2++){

                    let cacahHuruf = productName.substr(index2, inputLength).toLocaleLowerCase();
                    console.log(`apakah seachInput [${seachInput}] === [${cacahHuruf}]`);

                    if(seachInput === cacahHuruf){
                        console.log(`===SAMA: [${productName}] masuk ke temp`);
                        searchTemp[searchTemp.length] = searchData[index];
                    }

                } //END OF INDEX2

            } //END OF INDEX

        console.log("===searchTemp: ", searchTemp);
        console.log("*END OF SEARCH");
        // END OF SEARCH



        // *SORT HERE
        console.log("*SORT HERE");

        searchData.sort((prev, next) => (prev.productName > next.productName) ? true : false);
        console.log("result: ", searchData);

        // *NOTE:
        // (prev.productName > next.productName) kalau kondisi ini bener dan di nilai TRUE maka data di naikin ke atas

        console.log("*END OF SHORT");
        // END OF SHORT
    }