快捷導(dǎo)航

JS根據(jù)json數(shù)組多個字段排序及json數(shù)組常用操作

更新時間：2019年06月06日 11:52:14 作者：苑慶濤

這篇文章主要介紹了js根據(jù)json數(shù)組多個字段排序及json數(shù)組常用操作，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下

js 根據(jù)json數(shù)組多個字段排序的實現(xiàn)代碼如下所示：

/**數(shù)組根據(jù)數(shù)組對象中的某個屬性值進行排序的方法 
  * 使用例子：newArray.sort(sortByArr(['number'],false)) //表示根據(jù)number屬性降序排列;若第二個參數(shù)不傳遞，默認表示升序排序
  * @param attr 排序的屬性 ['name','sex'...],根據(jù)一個字段或者多個字段排序
  * @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 中對 Json 數(shù)組的常用操作

我們首先定義一個json數(shù)組對象如下：

var persons = [
  {name: "tina", age: 14},
  {name: "timo", age: 15},
  {name: "lily", age: 16},
  {name: "lucy", age: 16}
]

一. 根據(jù)對象屬性值得到相應(yīng)對象

//1. 獲取 name 等于 lily 的對象
var lily = persons.filter((p) => {
  return p.name == "lily";
});
console.log(lily); //打印結(jié)果 [{name: "lily", age: 16}]
//注：filter()方法返回的是一個數(shù)組
var twins = persons.filter((p) => {
  return p.age == 16;
});
console.log(twins); //打印結(jié)果 [{name: "lily", age: 16},{name: "lucy", age: 16}]

二. 刪除其中一個對象

//刪除 name 等于 tina 的對象，利用splice()方法
//1. 首先我們要得到這個對象
var tina = persons.filter((p) => {
  return p.name == "tina";
});
//2. 其次得到這個對象在數(shù)組中對應(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}]

三. 修改其中一個對象的屬性值

//將 name 等于 timo 的 age 修改為 20
//1. 得到 timo 對象
var timo = persons.filter((p) => {
  return p.name == "timo";
});
//2. 修改age
timo[0].age = 20;

四. 往數(shù)組中添加一個對象

//這個最簡單了
persons.push({name: "similar", age: 18});

——注：以上的所有操作都會對原數(shù)組產(chǎn)生直接影響。

總結(jié)

以上所述是小編給大家介紹的JS根據(jù)json數(shù)組多個字段排序及json數(shù)組常用操作,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

您可能感興趣的文章: