對於多選框資料處理的總結

2022-03-06 14:34:15 字數 532 閱讀 2121

近期專案遇到了多選框的需求,過程中遇到了些問題,後來經過優化較好實現了需求,現做總結以便日後借鑑。介面布局大致如下圖:

初期拿到需求後,腦海中第一感覺是:選中的時候給陣列中push對應項的id,取消的時候從陣列中找到對應項並刪除id,最後拼裝好的陣列就是需要提交到後台去請求介面的。開發過程中漸漸發現這種方法的乙個主要缺點:繁瑣!

改進後的方法是,在點選多選框的時候不去做資料處理,只展示點選效果。最後在請求資料之前,再去賦值,即哪一項選中就給陣列中存對應項的id。這樣就少去了取消選中從陣列中刪除對應項id的處理,減少了**量。

當然,還是需要看具體需求,但是這種方法適用於大多數情景。

最後,記錄乙個常用的陣列去重方法:

var a=[1,2,3,2,2,23,4,3];

var b=;

for(var i=0;i)

}console.log(b);

資料處理方法總結

讀取資料 data pd.read csv print data.head 10 處理資料 1.縮小資料,查詢資料篩選,query相當於sql語句,進行條件查詢 data data.query x 1.0 x 1.25 y 2.5 y 2.75 2.處理時間處理 time value pd.to d...

jQuery對下拉框 單選框 多選框的處理

下拉框 1 得到下拉列表的選中項的文字 注意中間有空格 2var cc1 formc select name country option selected text 34 得到下拉列表的選中項的值 5var cc2 formc select name country val 67 得到下拉列表的選...

海量資料處理方法總結

適用範圍 第k大,中位數,不重複或重複的數字 基本原理及要點 因為元素範圍很大,不能利用直接定址表,所以通過多次劃分,逐步確定範圍,然後最後在乙個可以接受的範圍內進行。可以通過多次縮小,雙層只是乙個例子。擴充套件 問題例項 1 2.5億個整數中找出不重複的整數的個數,記憶體空間不足以容納這2.5億個...