如何通过前端JavaScript编写实现本地数据模糊搜索功能的代码示例？

本文共计1237个文字，预计阅读时间需要5分钟。

目录

一、项目背景

二、涉及知识点

1.Object.assign() 的用法

2.filter() 方法

3.indexOf() 模糊查询

4.DEMO 完整代码

总结

一、项目背景

随着 Vue 和 React 在实际开发中的广泛应用，前端对数据的处理需求日益增长。本文将介绍如何在前端项目中运用 Object.assign()、filter() 和 indexOf() 等方法处理数据。

二、涉及知识点

1.Object.assign() 的用法

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，然后返回目标对象。

2. filter() 方法filter() 方法创建一个新数组，包含通过所提供函数实现的测试的所有元素。

3. indexOf() 模糊查询indexOf() 方法返回在数组中可以找到一个给定元素的第一个索引，如果不存在，则返回 -1。