第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

檢查數(shù)組中的值是否等于另一個(gè) VueJS 中的值

檢查數(shù)組中的值是否等于另一個(gè) VueJS 中的值

瀟湘沐 2023-09-07 16:49:36
我的 VueJS 實(shí)例中有兩個(gè)數(shù)組。這些數(shù)組顯示學(xué)生可以在學(xué)校參加的課程。第一個(gè)是用戶(hù)參加的課程,第二個(gè)是所有有學(xué)生參加的課程。數(shù)組看起來(lái)像這樣:let mainVue = new Vue({    el: '#mainContent',    data: {      myCourses: [{Course: "A"}, {Course: "B"}],      allCourses: [{Course: "A"}, {Course: "B"}, {Course: "C"}, {Course: "A"}]}這兩個(gè)數(shù)組都包含根據(jù)用戶(hù)輸入填充的數(shù)據(jù),因此它們會(huì)隨著時(shí)間的推移而變化。第一個(gè)數(shù)組是用戶(hù)特定內(nèi)容(用戶(hù)參加的課程),第二個(gè)數(shù)組是有人參加的所有課程的數(shù)組。我想檢查與用戶(hù)參加同一課程的人數(shù)。因此,在本例中,我想檢查數(shù)組 myCourses(課程 a 和 b)中有多少個(gè)位于數(shù)組 allCourses 中。換句話(huà)說(shuō),我想檢查數(shù)組“allCourses”中出現(xiàn)了多少次數(shù)組“myCourse”。
查看完整描述

2 回答

?
慕沐林林

TA貢獻(xiàn)2016條經(jīng)驗(yàn) 獲得超9個(gè)贊

可能有一個(gè)computed道具適合您(檢查 ID/課程名稱(chēng)交集)


const mainVue = new Vue({

    el: '#mainContent',

    

    data: {

      myCourses: [{Course: "A"}, {Course: "B"}],

      allCourses: [{Course: "A"}, {Course: "B"}, {Course: "C"}, {Course: "A"}],

   },

   

   computed: {

      allCoursesCounts() {

        return this.allCourses.reduce((acc, { Course }) => {

          acc[Course] = (acc[Course] || 0) + 1

          return acc

        }, {})

      },

      subscribedTo() {

        const allCoursesCounts = this.allCoursesCounts


        return this.myCourses.map(({ Course }) => ({

          courseName: Course,

          amountOfUsers: allCoursesCounts[Course] || 0,

        }))

      }

   }

});

<div id="mainContent">

    <div v-for="({ courseName, amountOfUsers }) of subscribedTo" :key='courseName'>

      <span>Course {{ courseName }} - {{ amountOfUsers }}</span>

    </div>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-09-07
?
慕少森

TA貢獻(xiàn)2019條經(jīng)驗(yàn) 獲得超9個(gè)贊

您想要過(guò)濾 myCourses 中出現(xiàn)的所有課程


allCourses.filter(course => {

   return myCourses.find(m => {

      return m.Course === course.Course

   })

}).length


查看完整回答
反對(duì) 回復(fù) 2023-09-07
  • 2 回答
  • 0 關(guān)注
  • 144 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)