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

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

根據 String 屬性對對象數組進行排序

根據 String 屬性對對象數組進行排序

夢里花落0921 2024-01-18 14:45:34
我有這樣的數據結構。[         {"name": "John", "gender": "Male", "id": "1"},         {"name": "Max", "gender": "Male", "id": "2"},         {"name": "John", "gender": "Male", "id": "3"},         {"name": "Sam", "gender": "Male", "id": "4"},         {"name": "Max", "gender": "Male", "id": "5"},         {"name": "Sam", "gender": "Male", "id": "6"},         {"name": "Sam", "gender": "Male", "id": "7"},         {"name": " ", "gender": "Male", "id": "8"},         {"name": "John", "gender": "Male", "id": "9"},         {"name": " ", "gender": "Male", "id": "10"},     ]我正在嘗試根據屬性對其進行排序name。我需要所有記錄name=max應該首先出現name=Sam,然后name=John是具有空名稱字段或任何其他值的其余記錄。我嘗試了不同的技術,但沒有得到想要的結果。有人可以建議我如何實現這一目標嗎?謝謝。
查看完整描述

4 回答

?
呼喚遠方

TA貢獻1856條經驗 獲得超11個贊

您可以給每個name案例打分,然后在Array.sort函數中使用該分數。


const data = [

  { name: 'John', gender: 'Male', id: '1' },

  { name: 'Max', gender: 'Male', id: '2' },

  { name: 'John', gender: 'Male', id: '3' },

  { name: 'Sam', gender: 'Male', id: '4' },

  { name: 'Max', gender: 'Male', id: '5' },

  { name: 'Sam', gender: 'Male', id: '6' },

  { name: 'Sam', gender: 'Male', id: '7' },

  { name: ' ', gender: 'Male', id: '8' },

  { name: 'John', gender: 'Male', id: '9' },

  { name: ' ', gender: 'Male', id: '10' }

];


const getScore = name => {

  if (name === 'Max') return 3;

  else if (name === 'Sam') return 2;

  else if (name === 'John') return 1;

  else return 0;

};


data.sort((a, b) => getScore(b.name) - getScore(a.name));


console.log(data);


查看完整回答
反對 回復 2024-01-18
?
牛魔王的故事

TA貢獻1830條經驗 獲得超3個贊

您可以執行以下操作,


data = [

        {"name": "John", "gender": "Male", "id": "1"},

        {"name": "Max", "gender": "Male", "id": "2"},

        {"name": "John", "gender": "Male", "id": "3"},

        {"name": "Sam", "gender": "Male", "id": "4"},

        {"name": "Max", "gender": "Male", "id": "5"},

        {"name": "Sam", "gender": "Male", "id": "6"},

        {"name": "Sam", "gender": "Male", "id": "7"},

        {"name": " ", "gender": "Male", "id": "8"},

        {"name": "John", "gender": "Male", "id": "9"},

        {"name": " ", "gender": "Male", "id": "10"},

    ]


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

  if(a.name < b.name) {

    return 1;

  } else if(a.name > b.name) {

    return -1;

  }

  return 0;

})


console.log(data);


查看完整回答
反對 回復 2024-01-18
?
泛舟湖上清波郎朗

TA貢獻1818條經驗 獲得超3個贊

如果您的數據包含區分大小寫的名稱怎么辦?


const getScore = name => {

  if (name.toLowerCase() === 'max') return 3;

  else if (name.toLowerCase() === 'sam') return 2;

  else if (name.toLowerCase() === 'john') return 1;

  else return 0;

};

data.sort((a, b) => getScore(b.name) - getScore(a.name));

console.log(data);


查看完整回答
反對 回復 2024-01-18
?
料青山看我應如是

TA貢獻1772條經驗 獲得超8個贊

您好,您可以使用此代碼


var arr = [

    {"name": "John", "gender": "Male", "id": "1"},

    {"name": "Max", "gender": "Male", "id": "2"},

    {"name": "John", "gender": "Male", "id": "3"},

    {"name": "Sam", "gender": "Male", "id": "4"},

    {"name": "Max", "gender": "Male", "id": "5"},

    {"name": "Sam", "gender": "Male", "id": "6"},

    {"name": "Sam", "gender": "Male", "id": "7"},

    {"name": " ", "gender": "Male", "id": "8"},

    {"name": "John", "gender": "Male", "id": "9"},

    {"name": " ", "gender": "Male", "id": "10"},

];


var arr1 = arr.filter((value, index) => {


    if(value.name == 'Max'){

        return value

    }


});


var arr2 = arr.filter((value, index) => {


    if(value.name != 'Max'){

        return value

    }


});


arr2 = arr2.sort((a, b) => (a.name < b.name) ? 1 : -1);


var output = arr1.concat(arr2);


console.log(output);


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

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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