当前位置:主页 > javascript教程 > JS根据json数组多个字段排序及json数组常用操作

JS根据json数组多个字段排序及json数组常用操作示例代码

发布:2020-03-22 21:27:44 186


本站收集了一篇javascript相关的编程文章,网友籍智渊根据主题投稿了本篇教程内容,涉及到js、json数组排序、json数组、JS根据json数组多个字段排序及json数组常用操作相关内容,已被545网友关注,内容中涉及的知识点可以在下方直接下载获取。

JS根据json数组多个字段排序及json数组常用操作

js 根据json数组多个字段排序的实现代码如下所示:

/**数组根据数组对象中的某个属性值进行排序的方法 
  * 使用例子:newArray.sort(sortByArr(['number'],false)) //表示根据number属性降序排列;若第二个参数不传递,默认表示升序排序
  * @param attr 排序的属性 ['name','sex'...],根据一个字段或者多个字段排序
  * @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 数组的常用操作

我们首先定义一个json数组对象如下:

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

一. 根据对象属性值得到相应对象

//1. 获取 name 等于 lily 的对象
var lily = persons.filter((p) => {
  return p.name == "lily";
});
console.log(lily); //打印结果 [{name: "lily", age: 16}]
//注:filter()方法返回的是一个数组
var twins = persons.filter((p) => {
  return p.age == 16;
});
console.log(twins); //打印结果 [{name: "lily", age: 16},{name: "lucy", age: 16}]

二. 删除其中一个对象

//删除 name 等于 tina 的对象,利用splice()方法
//1. 首先我们要得到这个对象
var tina = persons.filter((p) => {
  return p.name == "tina";
});
//2. 其次得到这个对象在数组中对应的索引
var index = persons.indexOf(tina[0]);
//3. 如果存在则将其删除,index > -1 代表存在
index > -1 && persons.splice(index, 1);
console.log(persons);
//打印结果 [{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;

四. 往数组中添加一个对象

//这个最简单了
persons.push({name: "similar", age: 18});

 ——注: 以上的所有操作都会对原数组产生直接影响。

总结

以上所述是小编给大家介绍的JS根据json数组多个字段排序及json数组常用操作,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!


参考资料

相关文章

  • 快速使用node.js进行web开发详解

    快速使用node.js进行web开发详解

    发布:2022-06-29

    给网友朋友们带来一篇关于node.js的教程,本篇文章主要介绍了快速使用node.js进行web开发详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • js实现方块上下左右移动效果的实例分享

    发布:2019-11-15

    这篇文章主要为大家详细介绍了js实现方块上下左右移动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • JS请求servlet功能示例

    发布:2022-04-05

    这篇文章主要介绍了JS请求servlet功能,结合具体实例形式分析了javascript使用ajax请求servlet端响应的主要功能代码与相关操作技巧,需要的朋友可以参考下


  • js随机点名小功能代码实例

    发布:2020-02-07

    这篇文章主要为大家详细介绍了js实现随机点名小功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • js事件触发操作实例分析

    js事件触发操作实例分析

    发布:2023-01-09

    为网友们分享了关于javascript的教程,这篇文章主要介绍了js事件触发操作,结合实例形式分析了javascript事件触发机制原理、使用方法及相关操作注意事项,需要的朋友可以参考下


  • JavaScript封装的常用工具类库bee.js用法详解【经典类库】

    发布:2022-07-07

    给网友们整理关于JavaScript的教程,这篇文章主要介绍了JavaScript封装的常用工具类库bee.js用法,结合实例形式详细分析了经典类库bee.js常见的手机、身份证、邮箱校验,以及字符串操作、四则运算、正则验证等相关操作的封装与使用


  • JS排序方法代码汇总

    发布:2020-03-24

    新技术一直在不断变化,掌握一些基础是未来学习不断更新的技术的坚实基础。近来闲来无事,为了温习一下从前学的数据结构,将数据结构中的排序算法用JS实现了一遍,


  • JavaScript面向对象概念中的Object类型与作用域

    发布:2020-05-16

    这篇文章主要介绍了解析JavaScript面向对象概念中的引用类型与作用域,文中重点讲解了扩充函数运行作用域的需要的call和apply方法,朋友可以参考下


网友讨论