亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

用另一個數組過濾數組對象

用另一個數組過濾數組對象

慕碼人8056858 2022-10-21 15:28:32
我想顯示在技能數組上過濾的項目,例如,如果我選擇“HTML”,則顯示項目數組技能中所有帶有“HTML”的項目。如果我選擇兩個技能,則顯示具有兩個技能的項目。我的項目有這些數據:const data = [  {    id: "1",    name: "project1",    techno: ["JAVASCRIPT", "REACTJS"],    imageUrl: "link",  },  {    id: "2",    name: "project2",    techno: ["HTML", "CSS", "SASS"],    imageUrl: "link",  },  {    id: "3",    name: "project3",    techno: ["JAVASCRIPT", "HTML"],    imageUrl: "link",  }];還有我的arrayFilterconst filter = ["JAVASCRIPT", "HTML", "CSS"];目前,我有這個代碼: data  .filter((filter) => filter.techno.includes(filter[0]))  .map(({ id, ...otherProps }) => (     <ProjectItem key={id} {...otherProps} />     ))謝謝您的幫助
查看完整描述

1 回答

?
郎朗坤

TA貢獻1921條經驗 獲得超9個贊

你可以使用每一個

const data = [

    {

        id: '1',

        name: 'project1',

        techno: ['JAVASCRIPT', 'REACTJS'],

        imageUrl: 'link',

    },

    {

        id: '2',

        name: 'project2',

        techno: ['HTML', 'CSS', 'SASS'],

        imageUrl: 'link',

    },

    {

        id: '3',

        name: 'project3',

        techno: ['JAVASCRIPT', 'HTML', 'REACTJS'],

        imageUrl: 'link',

    },

];


const filter = ['JAVASCRIPT', 'REACTJS'];


const result = data.filter(d => filter.every(t => d.techno.includes(t)));


console.log(result);


查看完整回答
反對 回復 2022-10-21
  • 1 回答
  • 0 關注
  • 142 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號