前端js实现模糊搜索

思路：
1.遍历数组 list.foreach()
2.将遍历出来的item进行字符串转换 JSON.stringify(item)
3.在转换后的字符串通过search方法进行模糊搜索 str.search( value )
4.如果search到该字段的话则将该item塞入数组 newlist.push(item)

完整代码

<uni-search-bar v-model="list" @input="input()" placeholder="">

data() {
	oldList: [ {
		name: '小明',
		age: 10,
		gender: '男'
	}，{
		name: '小红',
		age: 13,
		gender: '女'
	}，{
		name: '大明',
		age: 18,
		gender: '男'
	}， {
		name: '红',
		age: 16,
		gender: '女'
	}],
	List: {}
}

methods: {
	// 监听获取到输入框输入的val值
	input( val ) {
		this.List = []
		this.oldList.forEach( item => {
          if ( JSON.stringify( item ).search( val ) != -1 ) {
            this.List.push( item )
          }
        } )
	}
}