フロントエンド JavaScript でローカルあいまい検索機能を実装する方法の例

varデータ = [{
            "title": "失恋から立ち直るのにどれくらい時間がかかりますか？",
            "タイトル画像": "https://img.doutuimao.net/dtmimg/b7c9ec393414982682e5a477eb995b55",
            "desc": "食品と飲料が失恋から立ち直るのにどれくらい時間がかかるかをテスト",
            "id": "2",
            「番号」: 951357,
            "フラグ": "01"
    },
    {
            "title": "あなたのコケティッシュ指数はどれくらいですか?",
            "タイトル画像": "https://img.doutuimao.net/dtmimg/60d8ed86d1f72357c194506270c72ac1",
            "desc": "コケティッシュな振る舞いができる女性は最も幸運です。コケティッシュな振る舞いが上手ですか? コケティッシュな振る舞いをするとき、あなたはどれくらい魅力的ですか? ぜひテストを受けてください!",
            "id": "3",
            「番号」: 963258,
            "フラグ": "01"
    },
    {
            "title": "将来どのように結婚しますか?"
            "タイトル画像": "https://img.doutuimao.net/dtmimg/538632e75159ce8e586778d289c66a11",
            "desc": "多くの人が将来の結婚式の方法を楽しみにしていると思います。将来どのように結婚するか知りたいですか？",
            "id": "4",
            「番号」: 879564,
            "フラグ": "01"
    },
]

// 元の配列を処理する let arrnew = data.map((item, index) => {
    オブジェクトを返します。代入({}, {
            'desc': アイテム.desc、
    })
})

var newData = arrnew.filter(item => {
    if (item.desc.indexOf(value) > -1) { //indexOfメソッドで、xxx.indexOf("")が0の値を返す場合
            返品商品
    }
    新しいデータを返す
})

<div class="wrap">
        <input type="text" id="デモ">
        <ul id="ニュースボックス">
        </ul>
</div>
関数create() {
        var 値 = 入力値;
        var html = "";
        arrnew = data.map((item, index) => { とします。
                オブジェクトを返します。代入({}, {
                        'desc': アイテム.desc、
                })
        })

        var newData = arrnew.filter(item => {
                if (item.desc.indexOf(value) > -1) { //indexOfメソッドで、xxx.indexOf("")が0の値を返す場合
                        返品商品
                }
                新しいデータを返す
        })


        (newData.length > 0) の場合 {
                (var i = 0; i < newData.length; i++) {
                        html += `<li>${newData[i].desc}</li>`
                }
        } それ以外 {
                html += `<li>データなし</li>`
        }
        ul.innerHTML = html;
}
作成()
input.onchange = 関数(e) {
        作成()
}