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

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

Vue 按表中選定的屬性對(duì)對(duì)象數(shù)據(jù)進(jìn)行排序

Vue 按表中選定的屬性對(duì)對(duì)象數(shù)據(jù)進(jìn)行排序

藍(lán)山帝景 2023-03-10 16:48:59
我從我的 api json 對(duì)象列表中得到這樣的信息:"object123": {  "selected": false,   "value": 0.54}, 在前端,我有一個(gè)表格,其中我用復(fù)選框顯示這些數(shù)據(jù),如何通過(guò)這個(gè)選擇屬性對(duì)這些數(shù)據(jù)進(jìn)行排序?你能舉個(gè)小例子嗎?我試過(guò)sortedData: function() {  if(this.calculated) {    return this.calculated.sort(function(a, b) {      return a.selected > b.selected    })  }}但后來(lái)桌子是空的。
查看完整描述

1 回答

?
動(dòng)漫人物

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

您不能將sort()函數(shù)用于對(duì)象。為了使您的代碼工作,您應(yīng)該轉(zhuǎn)換this.calculated為數(shù)組。


您可以使用此代碼片段將對(duì)象轉(zhuǎn)換為數(shù)組。


let calculated = {

  "object1": {

    "selected": false,

    "value": 1

  },

  "object2": {

    "selected": false,

    "value": 20

  },

  "object3": {

    "selected": false,

    "value": 4

  },

  "object4": {

    "selected": false,

    "value": 24

  },

  "object5": {

    "selected": false,

    "value": 6

  },

  "object6": {

    "selected": false,

    "value": 0.26

  },

  "object7": {

    "selected": true,

    "value": 1.52

  },

  "object8": {

    "selected": false,

    "value": 0.54

  },

  "object9": {

    "selected": false,

    "value": 4.27

  }

}


let calculatedArray = []


for (const [key, value] of Object.entries(calculated)) {

  calculatedArray.push({

    id: key,

    ...value

  })

}


sortedData = function() {

  if(calculatedArray) {

    return calculatedArray.sort(function(a, b) {

      return b.selected - a.selected

    })

  } else {

    return []

  }

}


console.log(sortedData())

console.log(calculatedArray)


查看完整回答
反對(duì) 回復(fù) 2023-03-10
  • 1 回答
  • 0 關(guān)注
  • 214 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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