JS根據(jù)json數(shù)組多個(gè)字段排序及json數(shù)組常用操作
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. 修改age
timo[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)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
相關(guān)文章
JavaScript提取PDF和Word文檔內(nèi)圖片
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)提取PDF和Word文檔內(nèi)的圖片,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下2025-03-03
JS中call(),apply(),bind()函數(shù)的區(qū)別與用法詳解
這篇文章主要介紹了JS中call(),apply(),bind()函數(shù)的高級(jí)用法詳解,需要的朋友可以參考下2022-12-12
JavaScript獲取移動(dòng)設(shè)備型號(hào)的實(shí)現(xiàn)代碼(JS獲取手機(jī)型號(hào)和系統(tǒng))
這篇文章主要介紹了JavaScript獲取移動(dòng)設(shè)備型號(hào)的實(shí)現(xiàn)代碼,需要的朋友可以參考下2018-03-03
JavaScript?ESLint插件保姆級(jí)使用教程
ESLint最初是由Nicholas C. Zakas 于2013年6月創(chuàng)建的開源項(xiàng)目。它的目標(biāo)是提供一個(gè)插件化的javascript代碼檢測(cè)工具2022-08-08
一個(gè)用js實(shí)現(xiàn)的頁(yè)內(nèi)搜索代碼
一個(gè)用js實(shí)現(xiàn)的頁(yè)內(nèi)搜索代碼...2007-05-05
js canvas實(shí)現(xiàn)寫字動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)寫字動(dòng)畫效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-11-11

