JS过滤数组在对象数组的对象属性中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS过滤数组在对象数组的对象属性中相关的知识,希望对你有一定的参考价值。

我有像这样的js对象

var continents = [
0: {
       short: 'na',
       countries: [
           {
               name: 'canada'
           },
           {
               name: 'usa'
           },
           //...
       ]

   },
   1: {
       short: 'sa',
       countries: [
           {
               name: 'chile'
           },
           {
               name: 'colombia'
           }
       ]

     },
//...
]

我想过滤此对象以获取具有国家名称(contents.countries.name)的匹配项和一些字符串(示例'col')示例过滤器函数

filter(item => {
    return item.name.toLowerCase().indexOf('col'.toLowerCase()) >= 0;
});

期待结果:

  1: {
       short: 'sa',
       countries: [
           {
               name: 'colombia'
           }
       ]
     }
答案

您不仅需要过滤大陆,还要过滤其中的国家/地区。

这是一个由两部分组成的过滤器,如下所示。

var continents = [{
  short: 'na',
  countries: [
    { name: 'canada' },
    { name: 'usa' }
  ]
}, {
  short: 'sa',
  countries: [
    { name: 'chile' },
    { name: 'colombia' }
  ]
}];

function filterByKeyValue(arr, keys, val) {
  return arr.filter(item => {
    return item[keys[0]].some(subitem => subitem[keys[1]].indexOf(val) > -1);
  }).map(item => {
    item[keys[0]] = item[keys[0]].filter(subitem => subitem[keys[1]].indexOf(val) > -1);
    return item;
  });
}

var filtered = filterByKeyValue(continents, [ 'countries', 'name' ], 'col');

console.log(filtered);
.as-console-wrapper { top: 0; max-height: 100% !important; }
<!--

Original filter that method is based on.

var filtered = continents.filter(continent => {
  return continent.countries.some(country => country.name.indexOf('col') > -1);
}).map(continent => {
  continent.countries = continent.countries.filter(country => country.name.indexOf('col') > -1);
  return continent;
});

-->
另一答案

在这种情况下,项目有两个属性,国家和短。您正尝试在项目上运行.name,该项目不存在。您需要在item.countries [0] .name或item.countries [1] .name上运行.name。

    var continents = [
        {
            short: 'na',
            countries: [
                {
                    name: 'canada'
                },
                {
                    name: 'usa'
                }
            ]

        },
        {
            short: 'sa',
            countries: [
                {
                    name: 'chile'
                },
                {
                    name: 'colombia'
                }
            ]

        }
    ];

    var results = continents.filter(item => {
        return item.countries[0].name.toLowerCase().indexOf('col'.toLowerCase()) >= 0 || 
item.countries[1].name.toLowerCase().indexOf('col'.toLowerCase()) >= 0
    });

    console.log(results);

工作示例:https://jsfiddle.net/gugui3z24/fnw5kf0x/

另一答案

您可以使用filter函数仅返回与条件匹配的项目。像这样:

const matches = [];
continents.forEach((continent) => {

  const countries = continent.countries.filter((country) => {
    return country.name.includes('col');
  });

  matches.push(...countries);
});

注意:我使用了qazxsw poi运算符qazxsw poi来展平数组(避免使用数组数组)。

另一答案

对于循环,您可以使用:

spread

工作示例:...

另一答案

您可以尝试过滤这些国家/地区,如果找到了,也可以将外部大陆推送到结果集。

var continents = [
    {
        short: 'na',
        countries: [
            {
                name: 'canada'
            },
            {
                name: 'usa'
            }
        ]
    },
    {
        short: 'sa',
        countries: [
            {
                name: 'chile'
            },
            {
                name: 'colombia'
            }
        ]
    }
];

var results = continents.filter(item => {
    for (let x = 0; x < item.countries.length; x++) {
        if (item.countries[x].name.toLowerCase().indexOf('usa') > -1) {
            return item;
            break;
        }
    }
});

console.log(results);
https://jsfiddle.net/gugui3z24/fnw5kf0x/2/

以上是关于JS过滤数组在对象数组的对象属性中的主要内容,如果未能解决你的问题,请参考以下文章

JS 过滤数组里对象的某个属性

对象数组去重

基于对象属性的子数组过滤数组

js过滤数组中都为空的对象几种方式

根据来自不同对象数组的属性和值过滤对象数组

通过搜索嵌套对象属性过滤对象数组