按 obj 字段过滤数组并使用此 obj 字段获取新数组

Question

我有 const 数据，我需要 obj field company 的过滤卡数组例如按公司：'Symu.co'

const data = {
  lanes: [
        {
            id: 'lane1',
            header: 'Quened',
            label: '',
            cards: [
                {id: 'Task1', title: 'Wordpress theme', company: 'Symu.co', price: 1500, user: 'michelle'},
        ]
    },
    {
        id: 'lane2',
        header: 'Planning',
        label: '',
        cards: [
            {id: 'Task2', title: 'Landing page', company: 'Google', price: 1500, user: 'jolene'},
            {id: 'Task3', title: 'New website', company: 'Symu.co', price: 1500, user: 'lyall'},
            {id: 'Task4', title: 'Dashboard', company: 'Microsoft', price: 1500, user: 'john'},
            {id: 'Task5', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'dominic'},
        ]
    },

    {
        id: 'lane3',
        header: 'Design',
        label: '',
        cards: [
            {id: 'Task6', title: 'New Logo', company: 'Google', price: 1500, user: 'michelle'},
            {id: 'Task7', title: 'New website', company: 'JCD.pl', price: 1500, user: 'dominic'},
            {id: 'Task8', title: 'New website', company: 'Themeforest', price: 1500, user: 'john'},
            {id: 'Task9', title: 'Dashboard', company: 'JCD.pl', price: 1500, user: 'jolene'},
        ]
    },

    {
        id: 'lane4',
        header: 'Development',
        label: '()',
        cards: [
            {id: 'Task10', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'john'},
            {id: 'Task11', title: 'New website', company: 'Symu.co', price: 1500, user: 'michelle'},
            {id: 'Task12', title: 'Dashboard', company: 'Google', price: 1500, user: 'dominic'},
        ]
    },
    {
        id: 'lane5',
        header: 'Testing',
        label: '()',
        cards: [
            {id: 'Task13', title: 'Landing page', company: 'JCD.pl', price: 1500, user: 'lyall'},

        ]
    },
    {
        id: 'lane6',
        header: 'Production',
        label: '()',
        cards: [
            {id: 'Task14', title: 'Landing page', company: 'Google', price: 1500, user: 'jolene'},
            {id: 'Task15', title: 'New website', company: 'Themeforest', price: 1500, user: 'michelle'},
            {id: 'Task16', title: 'Dashboard', company: 'Facebook', price: 1500, user: 'lyall'},
        ]
    },
    {
        id: 'lane7',
        header: 'Completed',
        label: '()',
        cards: [
            {id: 'Task17', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'john'},
            {id: 'Task18', title: 'New website', company: 'Symu.co', price: 1500, user: 'michelle'},
        ]
    },
]

};

我的代码，但我不知道如何正确执行它

 for(let i = 0; i < data.lanes.length; i++) {
                var changeCards = data.lanes[i].cards.filter(function(obj) {
                    return obj.company === 'Symu.co';
                    console.log(changeCards);
                });
            }

在输出中，我需要获取新的 var 新数组作为示例在输出中，我需要获取新的 var 新数组作为示例在输出中，我需要获取新的 var 新数组作为示例在输出中，我需要获取新的 var 新数组作为示例在输出中，我需要获取新的 var 新数组作为示例在输出中，我需要获取新的 var 新数组作为示例在输出中，我需要获取新的 var 新数组作为示例

  var newArray = {
            lanes: [
                {
                    id: 'lane1',
                    header: 'Quened',
                    label: '',
                    cards: [
                        {id: 'Task1', title: 'Wordpress theme', company: 'Symu.co', price: 1500, user: 'michelle'

},
            ]
        },
        {
            id: 'lane2',
            header: 'Planning',
            label: '',
            cards: [
                {id: 'Task3', title: 'New website', company: 'Symu.co', price: 1500, user: 'lyall'}
            ]
        },

        {
            id: 'lane3',
            header: 'Design',
            label: '',
            cards: [
            ]
        },

        {
            id: 'lane4',
            header: 'Development',
            label: '()',
            cards: [
                {id: 'Task11', title: 'New website', company: 'Symu.co', price: 1500, user: 'michelle'},
            ]
        },
        {
            id: 'lane5',
            header: 'Testing',
            label: '()',
            cards: [
            ]
        },
        {
            id: 'lane6',
            header: 'Production',
            label: '()',
            cards: [
            ]
        },
        {
            id: 'lane7',
            header: 'Completed',
            label: '()',
            cards: [
                {id: 'Task18', title: 'New website', company: 'Symu.co', price: 1500, user: 'michelle'},
            ]
        },
    ]
};

但是我不知道怎么做

请帮忙！

非常感谢

Answer 1

const filteredCards = cards.filter({ company } => company === 'Google');

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Answer 2

您可以使用函数 reduce、forEach 和 filter 来构建所需的输出。

const data = {    lanes: [    {        id: 'lane1',        header: 'Quened',        label: '',        cards: [            {id: 'Task1', title: 'Wordpress theme', company: 'Symu.co', price: 1500, user: 'michelle'},        ]    },    {        id: 'lane2',        header: 'Planning',        label: '',        cards: [            {id: 'Task2', title: 'Landing page', company: 'Google', price: 1500, user: 'jolene'},            {id: 'Task3', title: 'New website', company: 'Symu.co', price: 1500, user: 'lyall'},            {id: 'Task4', title: 'Dashboard', company: 'Microsoft', price: 1500, user: 'john'},            {id: 'Task5', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'dominic'},        ]    },    {        id: 'lane3',        header: 'Design',        label: '',        cards: [            {id: 'Task6', title: 'New Logo', company: 'Google', price: 1500, user: 'michelle'},            {id: 'Task7', title: 'New website', company: 'JCD.pl', price: 1500, user: 'dominic'},            {id: 'Task8', title: 'New website', company: 'Themeforest', price: 1500, user: 'john'},            {id: 'Task9', title: 'Dashboard', company: 'JCD.pl', price: 1500, user: 'jolene'},        ]    },    {        id: 'lane4',        header: 'Development',        label: '()',        cards: [            {id: 'Task10', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'john'},            {id: 'Task11', title: 'New website', company: 'Symu.co', price: 1500, user: 'michelle'},            {id: 'Task12', title: 'Dashboard', company: 'Google', price: 1500, user: 'dominic'},        ]    },    {        id: 'lane5',        header: 'Testing',        label: '()',        cards: [            {id: 'Task13', title: 'Landing page', company: 'JCD.pl', price: 1500, user: 'lyall'},        ]    },    {        id: 'lane6',        header: 'Production',        label: '()',        cards: [            {id: 'Task14', title: 'Landing page', company: 'Google', price: 1500, user: 'jolene'},            {id: 'Task15', title: 'New website', company: 'Themeforest', price: 1500, user: 'michelle'},            {id: 'Task16', title: 'Dashboard', company: 'Facebook', price: 1500, user: 'lyall'},        ]    },    {        id: 'lane7',        header: 'Completed',        label: '()',        cards: [            {id: 'Task17', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'john'},            {id: 'Task18', title: 'New website', company: 'Symu.co', price: 1500, user: 'michelle'},        ]    },]};

function filterBy(target) {
  return data.lanes.reduce((a, {id, header, label, cards}) => {
    a.lanes.push({id, header, label, cards: cards.filter(({company}) => company === target)});
    return a;
  }, {lanes: []});
}

var result = filterBy('Symu.co');
console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 3

var data = { lanes: [ { id: 'lane1', header: 'Quened', label: '', cards: [ { id: 'Task1', title: 'Wordpress theme', company: 'Symu.co', price: 1500, user: 'michelle' }, ] }, { id: 'lane2', header: 'Planning', label: '', cards: [ { id: 'Task2', title: 'Landing page', company: 'Google', price: 1500, user: 'jolene' }, { id: 'Task3', title: 'New website', company: 'Symu.co', price: 1500, user: 'lyall' }, { id: 'Task4', title: 'Dashboard', company: 'Microsoft', price: 1500, user: 'john' }, { id: 'Task5', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'dominic' }, ] }, { id: 'lane3', header: 'Design', label: '', cards: [ { id: 'Task6', title: 'New Logo', company: 'Google', price: 1500, user: 'michelle' }, { id: 'Task7', title: 'New website', company: 'JCD.pl', price: 1500, user: 'dominic' }, { id: 'Task8', title: 'New website', company: 'Themeforest', price: 1500, user: 'john' }, { id: 'Task9', title: 'Dashboard', company: 'JCD.pl', price: 1500, user: 'jolene' }, ] }, { id: 'lane4', header: 'Development', label: '()', cards: [ { id: 'Task10', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'john' }, { id: 'Task11', title: 'New website', company: 'Symu.co', price: 1500, user: 'michelle' }, { id: 'Task12', title: 'Dashboard', company: 'Google', price: 1500, user: 'dominic' }, ] }, { id: 'lane5', header: 'Testing', label: '()', cards: [ { id: 'Task13', title: 'Landing page', company: 'JCD.pl', price: 1500, user: 'lyall' }, ] }, { id: 'lane6', header: 'Production', label: '()', cards: [ { id: 'Task14', title: 'Landing page', company: 'Google', price: 1500, user: 'jolene' }, { id: 'Task15', title: 'New website', company: 'Themeforest', price: 1500, user: 'michelle' }, { id: 'Task16', title: 'Dashboard', company: 'Facebook', price: 1500, user: 'lyall' }, ] }, { id: 'lane7', header: 'Completed', label: '()', cards: [ { id: 'Task17', title: 'Mobile App', company: 'Facebook', price: 1500, user: 'john' }, { id: 'Task18', title: 'New website', company: 'Symu.co', price: 1500, user: 'michelle' }, ] },] }

var filter = c => data.lanes.reduce((a, v) => 
              (a.push( { ...v, cards: v.cards.filter(v => v.company == c) } ), a), [])

console.log( filter('Symu.co') )

按 obj 字段过滤数组并使用此 obj 字段获取新数组

Filter array by obj field and get new array with this obj field

javascript

sorting

filter

array-filter