json数组用js查询

Question

下面有个json数组：

const products=[
    {"name": "red01","url": "https://example.com/JXIS14AHZ9MX3"},
    {"name": "green01","url": "https://example.com/JXISM5MAE9IXY"},
    {"name": "yellow01","url": "https://example.com/JXISO1ZS24JIT"},
    {"name": "blue01","url": "https://example.com/JXISO3DMUPLSW"},
    {"name": "red02","url": "https://example.com/JXISO7VRRZR56"},
    {"name": "red03","url": "https://example.com/JXISOAB64OBOE"},
    {"name": "green02","url": "https://example.com/JXISORRSSQGPS"},
    {"name": "yellow02","url": "https://example.com/JXISOWOCC3IZP"},
    {"name": "blue02","url": "https://example.com/JXISPBQSYV1MQ"},
    {"name": "red04","url": "https://example.com/JXISPQ5DJ4HKR"}
];

我想用颜色作为关键词（也就是red、green、blue、yellow）查询该数组的name字段，结果返回包含该关键词的记录（返回格式仍然是原格式json数组）。

问题：
用js实现，应该怎么做呢？

Answer 1

    function filterByKey (arr, key) {
        return  arr.filter(item => item.name.indexOf(key) >= 0)
    }
    filterByKey(products, 'red')
    /* 结果
        [
        {name: "red01", url: "https://example.com/JXIS14AHZ9MX3"},
        {name: "red02", url: "https://example.com/JXISO7VRRZR56"},
        {name: "red03", url: "https://example.com/JXISOAB64OBOE"},
        {name: "red04", url: "https://example.com/JXISPQ5DJ4HKR"}
       ]
    */

Answer 2

参考文章

可以参考我里面写的，将json转换成js中的对象，再通过键值比对拿到相应的记录