js 根據(jù)json數(shù)組多個(gè)字段排序的實(shí)現(xiàn)代碼如下所示:
/**數(shù)組根據(jù)數(shù)組對(duì)象中的某個(gè)屬性值進(jìn)行排序的方法 * 使用例子:newArray.sort(sortByArr(['number'],false)) //表示根據(jù)number屬性降序排列;若第二個(gè)參數(shù)不傳遞,默認(rèn)表示升序排序 * @param attr 排序的屬性 ['name','sex'...],根據(jù)一個(gè)字段或者多個(gè)字段排序 * @param rev true表示升序排列,false降序排序 * */function sortByArr(arr, rev) { if (rev == undefined) { rev = 1; } else { rev = (rev) ? 1 : -1; } return function(a, b) { for (var i = 0; i < arr.length; i++) { let attr = arr[i] if (a[attr] != b[attr]) { if (a[attr] > b[attr]) { return rev * 1; } else { return rev * -1; } } }}}
PS:Js 中對(duì) Json 數(shù)組的常用操作
我們首先定義一個(gè)json數(shù)組對(duì)象如下:
var persons = [ {name: "tina", age: 14}, {name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}]
一. 根據(jù)對(duì)象屬性值得到相應(yīng)對(duì)象
//1. 獲取 name 等于 lily 的對(duì)象var lily = persons.filter((p) => { return p.name == "lily";});console.log(lily); //打印結(jié)果 [{name: "lily", age: 16}]//注:filter()方法返回的是一個(gè)數(shù)組var twins = persons.filter((p) => { return p.age == 16;});console.log(twins); //打印結(jié)果 [{name: "lily", age: 16},{name: "lucy", age: 16}]
二. 刪除其中一個(gè)對(duì)象
//刪除 name 等于 tina 的對(duì)象,利用splice()方法//1. 首先我們要得到這個(gè)對(duì)象var tina = persons.filter((p) => { return p.name == "tina";});//2. 其次得到這個(gè)對(duì)象在數(shù)組中對(duì)應(yīng)的索引var index = persons.indexOf(tina[0]);//3. 如果存在則將其刪除,index > -1 代表存在index > -1 && persons.splice(index, 1);console.log(persons);//打印結(jié)果 [{name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}]
三. 修改其中一個(gè)對(duì)象的屬性值
//將 name 等于 timo 的 age 修改為 20//1. 得到 timo 對(duì)象var timo = persons.filter((p) => { return p.name == "timo";});//2. 修改agetimo[0].age = 20;
四. 往數(shù)組中添加一個(gè)對(duì)象
//這個(gè)最簡(jiǎn)單了persons.push({name: "similar", age: 18});
――注: 以上的所有操作都會(huì)對(duì)原數(shù)組產(chǎn)生直接影響。
總結(jié)
以上所述是小編給大家介紹的JS根據(jù)json數(shù)組多個(gè)字段排序及json數(shù)組常用操作,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注