前端实现实时模糊查询的功能(包括时间数据实现实时模糊查询)

如果你需要在前端实现模糊查询，且包括对时间数据进行模糊查询

在vue中实现方式，请查询下面的代码；其他语言，可以参考实现思路

<script>
export default {
    data() {
        newList: [],
        list: [
            {
                name:'张三',
                age: 18,
                created_time:1569390659
            },
            {
                name:'李四',
                age: 24,
                created_time:1569807240
            },
        ]
    },
    methods: {
        // 当list为返回数据时,模糊查询方法
        search(val) {
            // 对时间小于10的进行下特殊处理
           function  formatTime: (str) => {
                str = str < 10 ? `0${str}` : str;
                return str;
            }
            this.newList = this.list.filter( row => {
                let timer = new Date(row.created_time * 1000);
                let datetime = `${timer.getFullYear()}-${formatTime(timer.getMonth()+1)}-${formatTime(timer.getDate())} ${formatTime(timer.getHours())}:${formatTime(timer.getMinutes())}:${formatTime(timer.getSeconds())}`;
               if(row.name.includes(val) || row.age.includes(val) || datetime.includes(val) {
                    return row;
                })
            })
            
        }
    }
}

</script>