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

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

我們如何用雙重條件對 js 對象進行排序

我們如何用雙重條件對 js 對象進行排序

智慧大石 2024-01-18 16:21:01
我們如何對這些對象進行從上到下的排序,同時從左到右的排序?{value: "upperRight"} {value: "upperLeft"} {value: "bottomRight"} {value: "bottomCenter"} {value: "bottomLeft"}
查看完整描述

2 回答

?
慕后森

TA貢獻1802條經驗 獲得超5個贊

  • split每個valueat/(?=[A-Z])/以獲得其垂直和水平位置。這將創建一個像這樣的數組:["upper", "Right"]

  • 解構數組,將它們變成 2 個獨立的變量

  • 創建 2 個優先對象。一個用于映射垂直位置的順序,另一個用于映射水平位置的順序

  • 首先sort根據vertical優先級。如果它們具有相同的優先級,vertical[a1] - vertical[b1]將返回 0。因此,||將根據horizontal部分對它們進行排序

const array=[{value:"upperRight"},{value:"upperLeft"},{value:"bottomRight"},{value:"bottomCenter"},{value:"bottomLeft"}];


const vertical = {

  "upper": 1,

  "bottom": 2

}


const horizontal = {

  "Left": 1,

  "Center": 2,

  "Right": 3

}


array.sort((a,b) => {

  const [a1, a2] = a.value.split(/(?=[A-Z])/)

  const [b1, b2] = b.value.split(/(?=[A-Z])/)

  

  return vertical[a1] - vertical[b1] || horizontal[a2] - horizontal[b2]

})


console.log(array)

如果split操作成本較高,您可以添加一個map操作來預先獲取所有拆分值并對它們進行排序。



查看完整回答
反對 回復 2024-01-18
?
梵蒂岡之花

TA貢獻1900條經驗 獲得超5個贊

Array.prototype.sort() 允許您指定比較函數。只需設置一些關于如何對弦樂進行評分的基本規則即可。例如:

  • “上”值10分

  • “底部”得0分

  • “左”得2分

  • “中心”得1分

  • “正確”得0分。

在比較函數中將兩個分數相減,并將結果用作返回值。

var objects = [

  { value: 'upperRight' },

  { value: 'upperLeft' },

  { value: 'bottomRight' },

  { value: 'bottomCenter' },

  { value: 'bottomLeft' }

];


function scoreString(s) {

  var score = 0;

  if (s.indexOf('upper') > -1) score += 20;

  if (s.indexOf('Left') > -1) score += 2;

  else if (s.indexOf('Center') > -1) score += 1;

  return score;

}


var sorted = objects.sort(function (a, b) {

  return scoreString(b.value) - scoreString(a.value);

});


console.log(sorted);


查看完整回答
反對 回復 2024-01-18
  • 2 回答
  • 0 關注
  • 213 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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