数组indexof方法做搜索功能

最新推荐文章于 2025-03-26 16:05:55 发布
最新推荐文章于 2025-03-26 16:05:55 发布
阅读量1.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wu_xiao_qing/article/details/78952391
版权
本文介绍了一种在前端应用中实现搜索功能的方法，通过遍历数据集合并利用字符串匹配来筛选出符合搜索条件的结果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

onSearch: function(){
let searchvalues;
let searchdata = [];
// console.log(this.formItem.search);
this. formItem. alldata. forEach(( element) => {
let searchvalues = Object. values( element);
console. log( element);
let results = searchvalues. indexOf( this. formItem. search) > - 1
if( results) {
searchdata. push( element);
}
});
this. formItem. fengniao_meta_data = searchdata;
},
wu_xiao_qing
关注
JavaScript 之用indexOf()和 includes()实现关键字搜索
皮先生不皮的博客
11-16 1158
1.indexOf() （1）indexOf() 方法可返回数组中某个指定的元素位置。 （2）该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。 （3）如果在数组中没找到指定元素则返回 -1。 2.includes() includ...
对象不支持indexOf属性或方法的解决方法(必看)
12-03
var divarr = [“a”,”b”,”c”,”d”]; 判断divarr 数组中是否存在a divarr.indexOf(“a”)==-1    在ie8下会提示对象不支持indexOf属性或方法 解决办法： 用jquery里的$.inArray替代indexOf $.inArray(“a”, divarr)==-1 以上这篇对象不支持indexOf属性或方法的解决方法(必看)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
vue 实现搜索历史_vue中实现对一个数组进行搜索 vue实现搜索功能
weixin_29763641的博客
01-13 231
vue中 实现搜索功能input中 v-model绑定{{item.name}}编号：{{item.number}}data中定义userList为数组列表inputKey为搜索参数data(){return{//搜索关键词inputKey:'',//用户列表userList:[{name:'小明',img:'http://cdn.sharedblog.cn/sh...
JavaScript 中find()、findIndex()、filter()、indexOf() 处理数组方法的具体区别
最新发布
2403_84691304的博客
03-26 2747
find()、findIndex()、filter()、indexOf()的区别
indexOf()的用法,引申出的vue的搜索
热门推荐
肖肖肖丽珠的博客
03-16 2万+
indexOf() 返回某个指定的字符在某个字符串中首次出现的位置。如果没有找到就返回-1； 一般可以用作查询。 indexOf() 方法对大小写敏感！所以之前你要把所有查询到内容变为小写。var str=str.trim().toLowerCase() var str="Hello World!" str.indexOf("Hello")   ---0 str.inde
利用filter与indexof实现前端搜索功能
weixin_51922205的博客
03-17 1457
当我们向后端请求了一堆数据时，再点击搜索框，又不想重新请求数据库。 我们想在请求的数据中进行搜索时就可以利用computed计算属性，再利用filter与indexof进行数据过滤与搜索： 这样就在前端完成了搜索功能。 ...
JavaScript 基于数组的filter 字符的indexOf 简易模糊查询
我思,故我在的博客
10-18 234
【代码】JavaScript 基于数组的filter 字符的indexOf 简易模糊查询。
简单谈谈JS数组中的indexOf方法
11-23
对于`Array`类型，`indexOf`方法的功能更为强大。它在数组中查找指定元素，并返回该元素的索引。例如，`arr = ['orange', '2016', '2016']`，`arr.indexOf('orange')`返回0，因为'orange'是数组的第一个元素。然而，...
终于解决了IE8不支持数组的indexOf方法
12-11
在JavaScript的世界里，`Array.prototype.indexOf` 是一个非常基础且常用的方法，它允许开发者查找数组中是否存在特定元素，并返回该元素的索引位置。然而，IE8及更早版本的Internet Explorer浏览器并不原生支持这个...
使用indexOf等在JavaScript的数组中进行元素查找和替换
10-26
`lastIndexOf`方法的实现逻辑与`indexOf`类似，只不过它搜索的是从数组末尾向前进行，如果找到了指定元素，则返回该元素最后一次出现的索引。如果未找到，则同样返回-1。在自定义的实现中，数组`ta`被反转，然后搜索...
Javascript 数组添加一个 indexOf 方法的实现代码
12-09
在JavaScript中，`indexOf`是一个内置的数组方法，它用于查找指定元素在数组中的索引。如果找到该元素，它会返回元素的索引；否则，返回-1。但是，原生的`indexOf`方法是区分大小写的，这意味着在搜索字符串时，它...
搜索引擎中对关键字的搜索建议实现
06-08
通过DWR和jQuery的结合使用，实现对搜索引擎中关键字的搜索建议。
前端应用_Vue_利用indexOf 和forEach ， filter 两种方法r进行搜索条件的过滤
上海 彭彭
08-08 7859
indexOf() 返回某个指定的字符在某个字符串中首次出现的位置。如果没有找到就返回-1； 一般可以用作查询。 indexOf() 方法对大小写敏感！所以之前你要把所有查询到内容变为小写。var str=str.trim().toLowerCase() var str=“Hello World!” str.indexOf(“Hello”) —0 str.indexOf(“world”) ...
String indexOf 不支持int、Integer类型，虽然语法允许
weixin_34234823的博客
01-21 203
2019独角兽企业重金招聘Python工程师标准>>> ...
JS---模糊查询indexOf()
weixin_45458830的博客
06-30 217
fromindex : 在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如果要检索的字符串值没有出现，则该方法返回 -1。注释：indexOf() 方法对大小写敏感！searchvalue:检索内容。
JSON.stringify() 结合indexOf 在antd组件中 option的妙用
zhangyubababa的博客
02-12 576
{result && result.map((item) => ( <Option key={item.Value} disabled={JSON.stringify(PeopleObjArray).indexOf(item.Value) > -1} //这句经典 .
让UpdatePanel支持文件上传（4）：数据传输与解析机制
等闲之辈 的 Gemini 's Blog
04-16 1015
现在就要开始整个项目中最有技巧的部分了。如果我们的组件需要在多种浏览器中正常的运行，我们必须好好考虑一下发送和解析数据的方式。如果我们把这部分的机制完全交给ASP.NET AJAX原有的行为来执行，则会遇到问题。下面的代码片断就是IE 7和FireFox在收到服务器端的数据之后，iframe中的DOM结构：DOM结构html>head>head>body>pre>33|updatePanel|
vue搜索功能 indexOf 检索
no_vy的博客
06-09 1775
vue搜索功能 indexOf 检索 ExportReport() { let exportData = []; // this.allData 是获取的后台所有数据 this.allData.forEach((item => { exportData.push(item); })); //Plannumber1 用于接收 v-model的绑定 const Plannumber1 =
数组五种查询条件方法(find、findindex、indexOf、lastindexOf 、includes)
gs981600308的博客
05-28 2万+
方法一、find() 方法返回数组中满足提供的测试函数的第一个元素的值。 语法： arr.find(callback[, thisArg]) 例一、find()方法 查找数组中第一个大于等于15的元素 var num = [10,3,5,15,100,1].find(function(elem, index){ return elem>=15; }); console.lo...
自定义实现JavaScript数组IndexOf方法教程
1. 方法功能：indexOf()用于返回指定元素在数组中首次出现的索引位置。如果没有找到，则返回-1。 2. 方法语法：arr.indexOf(searchElement[, fromIndex]) - searchElement：需要查找的元素。 - fromIndex：可选...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值