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() 方法来根据数组元素的特定属性进行搜索。这个方法会创建一个新的数组,新数组的元素是通过检查指定的函数而符合条件的所有元素。

javascript 复制代码
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" 属性搜索 "曹雪芹",我们可以这样做:

javascript 复制代码
var result = data.filter(function(item) {
    return item.author === "曹雪芹";
});

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

封装函数

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

下面是一个示例:

javascript 复制代码
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 函数中检查每个属性是否匹配。

下面是一个示例:

javascript 复制代码
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(要搜索的值,如 '《西游记》' 或 '曹雪芹')。函数会返回一个新数组,包含所有在至少一个属性上匹配的元素。


@漏刻有时

相关推荐
小白学大数据9 小时前
Scrapy 分布式爬虫:大规模采集汽车之家电车评论
开发语言·分布式·爬虫·scrapy
HSunR9 小时前
java springboot3 后端 基础框架
java·开发语言
万物得其道者成9 小时前
Cursor 提效实战:我的前端 Prompt、审查 SKILL、MCP 接入完整方法
前端·prompt
Mr_Xuhhh9 小时前
算法刷题笔记:从滑动窗口到哈夫曼编码,我的算法进阶之路
开发语言·算法
七夜zippoe9 小时前
Java技术未来展望:GraalVM、Quarkus、Helidon等新趋势探讨
java·开发语言·python·quarkus·graaivm·helidon
枫叶落雨2229 小时前
ClassPathXmlApplicationContext
java·开发语言
酒鼎10 小时前
学习笔记(12-02)事件循环 - 实战案例 —⭐
前端·javascript
Bigger10 小时前
第一章:我是如何剖析 Claude Code 整体架构与启动流程的
前端·aigc·claude
十五年专注C++开发10 小时前
Oat++: 一个轻量级、高性能、零依赖的 C++ Web 框架
开发语言·c++·web服务·oatpp
小恰学逆向10 小时前
【爬虫JS逆向之旅】某球网参数“md5__1038”逆向
javascript·爬虫