Beispiel für die Implementierung einer lokalen Fuzzy-Suchfunktion in Front-End-JavaScript

var Daten = [{
            "title": "Wie lange dauert es, bis man sich von einem gebrochenen Herzen erholt?",
            "Titelbild": "https://img.doutuimao.net/dtmimg/b7c9ec393414982682e5a477eb995b55",
            "desc": "Lebensmittel- und Getränketest: Wie lange dauert es, sich von einem gebrochenen Herzen zu erholen?"
            "id": "2",
            "num": 951357,
            "Flagge": "01"
    },
    {
            "title": "Wie hoch ist dein Koketterie-Index?",
            "Titelbild": "https://img.doutuimao.net/dtmimg/60d8ed86d1f72357c194506270c72ac1",
            "desc": "Frauen, die kokett sein können, haben das größte Glück. Wie gut bist du im Kokettieren? Wie charmant bist du, wenn du kokett bist? Mach den Test!",
            "id": "3",
            "num": 963258,
            "Flagge": "01"
    },
    {
            "title": "Wie werden Sie in Zukunft heiraten?",
            "Titelbild": "https://img.doutuimao.net/dtmimg/538632e75159ce8e586778d289c66a11",
            "desc": "Ich glaube, viele Menschen freuen sich auf ihre zukünftige Hochzeitsplanung. Möchten Sie wissen, wie Sie in Zukunft heiraten werden?",
            "id": "4",
            "num": 879564,
            "Flagge": "01"
    },
]

// Original-Array verarbeiten let arrnew = data.map((item, index) => {
    return Objekt.assign({}, {
            'desc': Element.desc,
    })
})

var neueDaten = arrnew.filter(item => {
    if (item.desc.indexOf(value) > -1) { //In der indexOf-Methode gibt xxx.indexOf("") den Wert 0 zurück.
            Rücksendeartikel
    }
    Neue Daten zurückgeben
})

<div Klasse="wrap">
        <Eingabetyp="Text" id="Demo">
        <ul id="newsBox">
        </ul>
</div>
Funktion erstellen() {
        var Wert = Eingabewert;
        var html = "";
        lass arrnew = data.map((item, index) => {
                return Objekt.assign({}, {
                        'desc': Element.desc,
                })
        })

        var neueDaten = arrnew.filter(item => {
                if (item.desc.indexOf(value) > -1) { //In der indexOf-Methode gibt xxx.indexOf("") den Wert 0 zurück.
                        Rücksendeartikel
                }
                Neue Daten zurückgeben
        })


        wenn (neueDatenlänge > 0) {
                für (var i = 0; i < neueDatenlänge; i++) {
                        html += `<li>${newData[i].desc}</li>`
                }
        } anders {
                html += `<li>Keine Daten</li>`
        }
        ul.innerHTML = html;
}
erstellen()
input.onchange = Funktion(e) {
        erstellen()
}