Example of how to implement local fuzzy search function in front-end JavaScript

var data = [{
            "title": "How long does it take for you to recover from a broken heart?",
            "title_image": "https://img.doutuimao.net/dtmimg/b7c9ec393414982682e5a477eb995b55",
            "desc": "Food and Beverage Test How Long It Takes to Recover from a Broken Heart",
            "id": "2",
            "num": 951357,
            "flag": "01"
    },
    {
            "title": "How high is your coquettishness index?",
            "title_image": "https://img.doutuimao.net/dtmimg/60d8ed86d1f72357c194506270c72ac1",
            "desc": "Women who can act coquettishly are the most fortunate. How good are you at acting coquettishly? How charming are you when you act coquettishly? Come and take the test!",
            "id": "3",
            "num": 963258,
            "flag": "01"
    },
    {
            "title": "How will you get married in the future?",
            "title_image": "https://img.doutuimao.net/dtmimg/538632e75159ce8e586778d289c66a11",
            "desc": "I believe many people are looking forward to their future wedding methods. Do you want to know how you will get married in the future?",
            "id": "4",
            "num": 879564,
            "flag": "01"
    },
]

// Processing original array let arrnew = data.map((item, index) => {
    return Object.assign({}, {
            'desc': item.desc,
    })
})

var newData = arrnew.filter(item => {
    if (item.desc.indexOf(value) > -1) { //In the indexOf method, if xxx.indexOf("") returns a value of 0
            return item
    }
    return newData
})

<div class="wrap">
        <input type="text" id="demo">
        <ul id="newsBox">
        </ul>
</div>
function create() {
        var value = input.value;
        var html = "";
        let arrnew = data.map((item, index) => {
                return Object.assign({}, {
                        'desc': item.desc,
                })
        })

        var newData = arrnew.filter(item => {
                if (item.desc.indexOf(value) > -1) { //In the indexOf method, if xxx.indexOf("") returns a value of 0
                        return item
                }
                return newData
        })


        if (newData.length > 0) {
                for (var i = 0; i < newData.length; i++) {
                        html += `<li>${newData[i].desc}</li>`
                }
        } else {
                html += `<li>No data</li>`
        }
        ul.innerHTML = html;
}
creat()
input.onchange = function(e) {
        creat()
}