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

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

JavaScript:如何有效地將數組對象項檢索到某個屬性?

JavaScript:如何有效地將數組對象項檢索到某個屬性?

偶然的你 2022-05-26 11:06:14
給定這個數組對象:[{eventTitle=Event title 1, [email protected], startDate=Sun Mar 18 00:00:00 GMT+01:00 2018, endDate=Mon Mar 19 00:00:00 GMT+01:00 2018}, {eventTitle=Event title 2, [email protected], startDate=Tue Mar 19 00:00:00 GMT+01:00 2019, endDate=Wed Mar 20 00:00:00 GMT+01:00 2019}, {eventTitle=Event title 3, [email protected], startDate=Fri Mar 20 00:00:00 GMT+01:00 2020, endDate=Sat Mar 21 00:00:00 GMT+01:00 2020}, . . .]如何在不循環/搜索數組的情況下有效地檢索與startDate某個特定的對應?eventTitle例如,我有Event title 2并且想要得到Tue Mar 19 00:00:00 GMT+01:00 2019.編輯:數組對象按 排序startDate。
查看完整描述

3 回答

?
明月笑刀無情

TA貢獻1828條經驗 獲得超4個贊

您可以對數組應用二進制搜索。前提是您的數組已排序。->O(log(n))


[obj1,obj2,obj3....obj100]

測試中間的對象(obj50),然后決定是否必須在一半[obj1...obj49]或一半中進行搜索,[obj51...obj100]



否則您可以將對象(事件)傳遞到其他數據結構中,例如樹。->O(log(n)) 只是循環遍歷整個數組不會有效率,但如果你不重復它太多也可以。但是從一開始就對數組進行排序將是最好的解決方案。


編輯:以下代碼顯示了二進制搜索實現的基本示例。


const events = [{

    eventTitle: "Event title 1",

    eventId: "[email protected]",

    startDate: "Sun Mar 18 00:00:00 GMT+01:00 2018",

    endDate: "Mon Mar 19 00:00:00 GMT+01:00 2018"

  },

  {

    eventTitle: "Event title 2",

    eventId: "[email protected]",

    startDate: "Tue Mar 19 00:00:00 GMT+01:00 2019",

    endDate: "Wed Mar 20 00:00:00 GMT+01:00 2019"

  },

  {

    eventTitle: "Event title 3",

    eventId: "[email protected]",

    startDate: "Fri Mar 20 00:00:00 GMT+01:00 2020",

    endDate: "Sat Mar 21 00:00:00 GMT+01:00 2020"

  },

  {

    eventTitle: "Event title 4",

    eventId: "[email protected]",

    startDate: "Fri Mar 21 00:00:00 GMT+01:00 2021",

    endDate: "Sat Mar 22 00:00:00 GMT+01:00 2021"

  },

  {

    eventTitle: "Event title 5",

    eventId: "[email protected]",

    startDate: "Fri Mar 22 00:00:00 GMT+01:00 2022",

    endDate: "Sat Mar 23 00:00:00 GMT+01:00 2022"

  }

];


function binarySearch(array, value, borderLeft, borderRight) {

  if (borderLeft <= borderRight) {

    var index = Math.floor((borderLeft + borderRight) / 2);

    var number = getNumberFromTitle(array[index].eventTitle);

    if (number == value) {

      return array[index].startDate;

    } else if (number > value) {

      return binarySearch(array, value, borderLeft, index - 1);

    } else {

      return binarySearch(array, value, index + 1, borderRight);

    }

  } else {

    return null;

  }

}


function getNumberFromTitle(title) {

  var tmp = title.split(" ");

  return tmp[tmp.length - 1];

}


console.log(binarySearch(events, 4, 0, events.length - 1));


查看完整回答
反對 回復 2022-05-26
?
哆啦的時光機

TA貢獻1779條經驗 獲得超6個贊

您可以創建映射器實用程序。首先,它會循環一次,O(n). 以后所有的電話都會O(1)


我有工作代碼:


https://gist.github.com/deepakshrma/4b6a0a31b4582d6418ec4f76b7439781


function Mapper(array , key){

    this.map = array.reduce(function(map, item){

        var val = item[key];

        if(!map[val]){

            map[val] = [];

        }

        map[val].push(item);

        return map;

    },{});

}

Mapper.FIRST_INDEX = 0;

Mapper.prototype.find = function find(key){

    return this.map[key] && this.map[key][Mapper.FIRST_INDEX]//return blank array

};

Mapper.prototype.findAll = function find(key, returnUndefined){

    return this.map[key] && this.map[key] || (returnUndefined? undefined: []);//return blank array

};

var users = [{eventTitle:"Event title 1", eventId:"[email protected]", startDate:"Sun Mar 18 00:00:00 GMT+01:00 2018", endDate:"Mon Mar 19 00:00:00 GMT+01:00 2018"},

 {eventTitle:"Event title 2", eventId:"[email protected]", startDate:"Tue Mar 19 00:00:00 GMT+01:00 2019", endDate:"Wed Mar 20 00:00:00 GMT+01:00 2019"},

 {eventTitle:"Event title 3", eventId:"[email protected]", startDate:"Fri Mar 20 00:00:00 GMT+01:00 2020", endDate:"Sat Mar 21 00:00:00 GMT+01:00 2020"}];

//How to use


var userMapper = new Mapper(users , 'eventTitle');

console.log(userMapper.find("Event title 2")); 

var userToFind = ["Event title 3", "Event title 2"];

var reqUsers =  userToFind.map(function(name){

    return userMapper.find(name);

});

console.log(reqUsers);


查看完整回答
反對 回復 2022-05-26
?
慕容708150

TA貢獻1831條經驗 獲得超4個贊

如果你只有數組,你別無選擇,只能搜索它。

但是,如果您將不得不多次搜索它,您可以通過它進行一次遍歷以生成 Map,以便后續搜索是次線性的(比使用循環搜索數組更快)。你會這樣做:

const map = new Map(theArray.map(entry => [entry.eventTitle, entry.startDate]));

然后按標題獲取是:

const startDate = map.get("some title");

現場示例:


顯示代碼片段


(你可以用一個對象而不是一個 Map 來做同樣的事情(只要確保創建它,Object.create(null)這樣它就沒有原型),但 Map 是專門為此設計的。)


請注意,此示例假定每個標題只有一個事件。如果可能有多個,您需要以不同的方式構建地圖,以便將您指向該標題的唯一條目數組。


查看完整回答
反對 回復 2022-05-26
  • 3 回答
  • 0 關注
  • 180 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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