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

javascript二维数组(3):指定数组元素的特定属性进行搜索

js中对数组, var data = [{“name”: “《西游记》”, “author”: “吴承恩”, “cat”: “A级书刊”, “num”: 3},{“name”: “《三国演义》”, “author”: “罗贯中”, “cat”: “A级书刊”, “num”: 8},{“name”: “《红楼梦》”, “author”: “曹雪芹”, “cat”: “B级书刊”, “num”: 10}],如何按照不同的元素进行搜索?

根据数组元素的特定属性搜索

在JavaScript中,我们可以使用数组的 filter() 方法来根据数组元素的特定属性进行搜索。这个方法会创建一个新的数组,新数组的元素是通过检查指定的函数而符合条件的所有元素。

var data = [{"name": "《西游记》", "author": "吴承恩", "cat": "A级书刊", "num": 3},{"name": "《三国演义》", "author": "罗贯中", "cat": "A级书刊", "num": 8},{"name": "《红楼梦》", "author": "曹雪芹", "cat": "B级书刊", "num": 10}
];var result = data.filter(function(item) {return item.name === "《西游记》";
});console.log(result);  // 输出:[{"name": "《西游记》", "author": "吴承恩", "cat": "A级书刊", "num": 3}]

同样,如果我们想按照 “author” 属性搜索 “曹雪芹”,我们可以这样做:

var result = data.filter(function(item) {return item.author === "曹雪芹";
});console.log(result);  // 输出:[{"name": "《红楼梦》", "author": "曹雪芹", "cat": "B级书刊", "num": 10}]

封装函数

将上面的代码改进为一个封装函数,以便重复使用。这个函数可以接收两个参数:一个是要搜索的数组,另一个是要搜索的值。函数会返回一个新数组,包含所有匹配的元素。

下面是一个示例:

function searchByProperty(array, property, value) {return array.filter(function(item) {return item[property] === value;});
}// 使用示例:
var data = [{"name": "《西游记》", "author": "吴承恩", "cat": "A级书刊", "num": 3},{"name": "《三国演义》", "author": "罗贯中", "cat": "A级书刊", "num": 8},{"name": "《红楼梦》", "author": "曹雪芹", "cat": "B级书刊", "num": 10}
];var result = searchByProperty(data, 'name', '《西游记》');
console.log(result);  // 输出:[{"name": "《西游记》", "author": "吴承恩", "cat": "A级书刊", "num": 3}]var result2 = searchByProperty(data, 'author', '曹雪芹');
console.log(result2);  // 输出:[{"name": "《红楼梦》", "author": "曹雪芹", "cat": "B级书刊", "num": 10}]

在这个示例中,searchByProperty 函数接受三个参数:array(要搜索的数组),property(要搜索的属性名称,如 ‘name’ 或 ‘author’),以及 value(要搜索的值,如 ‘《西游记》’ 或 ‘曹雪芹’)。

多个属性搜索

为了支持按多个属性进行搜索,修改一下 searchByProperty 函数,让 property 参数接受一个属性名称的数组,然后在 filter 函数中检查每个属性是否匹配。

下面是一个示例:

function searchByProperties(array, properties, value) {return array.filter(function(item) {for (var i = 0; i < properties.length; i++) {if (item[properties[i]] === value) {return true;}}return false;});
}// 使用示例:
var data = [{"name": "《西游记》", "author": "吴承恩", "cat": "A级书刊", "num": 3},{"name": "《三国演义》", "author": "罗贯中", "cat": "A级书刊", "num": 8},{"name": "《红楼梦》", "author": "曹雪芹", "cat": "B级书刊", "num": 10}
];var result = searchByProperties(data, ['name', 'author'], '《西游记》');
console.log(result);  // 输出:[{"name": "《西游记》", "author": "吴承恩", "cat": "A级书刊", "num": 3}]var result2 = searchByProperties(data, ['author', 'cat'], '曹雪芹');
console.log(result2);  // 输出:[{"name": "《红楼梦》", "author": "曹雪芹", "cat": "B级书刊", "num": 10}]

在这个示例中,searchByProperties 函数接受三个参数:array(要搜索的数组),properties(要搜索的属性名称的数组,如 ['name', 'author']['author', 'cat']),以及 value(要搜索的值,如 ‘《西游记》’ 或 ‘曹雪芹’)。函数会返回一个新数组,包含所有在至少一个属性上匹配的元素。


@漏刻有时

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

相关文章:

  • 使用Qt进行HTTP通信的方法
  • 第45节——页面中修改redux里的数据
  • 软考 系统架构设计师系列知识点之软件架构风格(2)
  • 【C++11】Lambda 表达式:基本使用 和 底层原理
  • 【网络安全---ICMP报文分析】Wireshark教程----Wireshark 分析ICMP报文数据试验
  • 【Docker】Docker的应用包含Sandbox、PaaS、Open Solution以及IT运维概念的详细讲解
  • Java Applet基础
  • 【记录】IDA|IDA怎么查看当前二进制文件自动分析出来的内存分布情况(内存范围和读写性)
  • LIMS实验室信息管理系统源码 基于计算机的数据处理技术、数据存储技术、网络传输技术、自动化仪器分析技术于一体
  • 有效括号相关
  • 浅谈泛型擦除
  • nodejs+vue校园跑腿系统elementui
  • Redis Cluster Cron调度
  • Redis Cluster Gossip Protocol: Message
  • 【JVM】第四篇 垃圾收集器ParNewCMS底层三色标记算法详解
  • STM32复习笔记(四):独立看门狗IWDG
  • SpringBoot中常用注解的含义
  • 学位论文的写作方法,较好的参考文章
  • 基于SpringBoot的科研工作量获奖项目管理平台设计与实现(源码+lw+部署文档+讲解等)
  • 嵌入式Linux应用开发-驱动大全-第一章同步与互斥④
  • 算法-数学-斜率-直线上最多的点数
  • 项目进展(五)-修复PCB电路板,学习32位ADC芯片ADS1285
  • (三) Markdown插入互联网或本地视频解决方案
  • HPA (Horizontal Pod Autoscaler) In K8s
  • Ubuntu安装samba服务器
  • [SpringBoot] 8. aop 获取 request response
  • 同学苹果ios的ipa文件应用企业代签选择签名商看看这篇文章你再去吧
  • 【PyCharm Community Edition】:excel操作
  • 证书显示未受信任,生成的证书过期
  • VS+Qt+C++ GDAL读取tif图像数据显示