当前位置: 首页 > news >正文

【面试真题】Javascript 实现多条件过滤数组

场景:

有这么一个数组 [{a,'123',b:'345',c:'456',d:'t12'},{a,'234',b:'345',c:'thf2',d:'t12'}], 现在希望能够通过逗号分隔搜索值的输入方式,从数组中过滤出模糊匹配的数组元素。

解析:

  1. 可以使用 JavaScript 的 filter 函数和 indexOf 函数来实现这个功能。

源码:

function filterByInput(array, input) {  // 解析输入,如果输入有逗号,就将其分割为多个子字符串,然后分别进行过滤  const searchValues = input.split(',').map(value => value.trim());  return array.filter(item => {  for (let searchValue of searchValues) {  // 对数组中的每个元素进行过滤,如果元素的值包含搜索值,则返回 true  if(Object.values(item).toString().toLocaleLowerCase().indexOf(searchValue.toLocaleLowerCase())>-1){return true}}  // 如果数组中的元素的值都不包含搜索值,则返回 false  return false;  });  
}  // 测试代码  
const array = [{a:'123',b:'345',c:'456',d:'t12'},{a:'234',b:'345',c:'thf2',d:'t12'}];  
const input = '123,thf2';  // 你可以修改这个输入值进行测试  
console.log(filterByInput(array, input));  // 输出过滤后的数组

同理,你可以使用其他分隔符,如 &

http://www.lryc.cn/news/291348.html

相关文章:

  • spark广播变量
  • 如何让wordpress首页只显示某一篇文章全部内容?在您的主页显示选择
  • Git怎样用?(下载到本地,和在本地初始化)
  • JVM基础知识汇总篇
  • 马哈鱼SQLFlow Lite的python版本
  • 【原创】VMware创建子网,并使用软路由获得访问互联网的能力,并通过静态路由让上层网络访问位于虚拟机的子网
  • 华为和思科各数通设备的常用命令
  • Qt Excel读写 - QXlsx的安装配置以及测试
  • 【报错处理】ModuleNotFoundError: No module named ‘paddle.fluid‘
  • Wpf 使用 Prism 实战开发Day16
  • 八斗学习笔记
  • 【Uni-App】Vuex在vue3版本中的使用与持久化
  • 基于Qt 音乐播放器mp3(进阶)
  • 力扣唯一元素的和
  • 力扣(leetcode)第169题多数元素(Python)
  • springBoot - mybatis 多数据源实现方案
  • unity 讯飞webapi在线语音合成
  • [NCTF2019]Fake XML cookbook(特详解)
  • 腾讯云SDK并发调用优化方案
  • 【排序算法】C语言实现随机快排,巨详细讲解
  • Java强训day13(选择题编程题)
  • 搭建WebGL开发环境
  • 学习嵌入式第十五天之结构体
  • 【HDFS】一天一个RPC系列--updateBlockForPipeline
  • 测试面试题(0101设计测试用例关键)
  • C++ 数论相关题目:高斯消元解异或线性方程组
  • 嵌入式学习第十四天
  • 氢气泄漏检测仪使用方法:守护安全,从细节开始
  • 【前端web入门第二天】01 html语法实现列表与表格_合并单元格
  • 推荐系统|排序_MMOE