JS实现根据数组对象的某一属性排序操作示例

 更新时间:2019年01月14日 08:43:08   作者:The_road_of_ordinary  
这篇文章主要介绍了JS实现根据数组对象的某一属性排序操作,涉及javascript针对json数组的遍历、比较、排序等相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS实现根据数组对象的某一属性排序操作。分享给大家供大家参考,具体如下:

根据数组中对象的某一属性排序

var newArray = [{
  name: "aaa",
  value: 0
},
{
  name: "ddd",
  value: 3
},
{
  name: "bbb",
  value: 1
},
{
  name: "eee",
  value: 4
},
{
  name: "ccc",
  value: 2
}];
function compare(property) {
  return function (a, b) {
    var value1 = a[property];
    var value2 = b[property];
    return value1 - value2;
  }
}
console.log(newArray.sort(compare("value")))

使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试上述代码,可得如下运行效果:

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具:
http://tools.jb51.net/code/json

JSON在线格式化工具:
http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具:
http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具:
http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具:
http://tools.jb51.net/code/json_yasuo_trans

更多关于JavaScript相关内容可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 深入浅析ES6 Class 中的 super 关键字

    深入浅析ES6 Class 中的 super 关键字

    本文给大家收藏整理了ES6 Class 中的 super 关键字,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-10-10
  • js实现自动播放匀速轮播图

    js实现自动播放匀速轮播图

    这篇文章主要介绍了js实现自动播放匀速轮播图,带匀速运动函数封装,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • js鼠标滑过图片震动特效的方法

    js鼠标滑过图片震动特效的方法

    这篇文章主要介绍了js鼠标滑过图片震动特效的方法,涉及onMouseOver事件及图片操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • JS实现简单控制视频播放倍速的实例代码

    JS实现简单控制视频播放倍速的实例代码

    这篇文章主要介绍了通过JS来实现简单控制视频播放倍速,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-04-04
  • uniapp打开地图直接获取位置的实现代码

    uniapp打开地图直接获取位置的实现代码

    这篇文章主要介绍了uniapp打开地图直接获取位置的实现,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2024-08-08
  • 京东优选小程序的实现代码示例

    京东优选小程序的实现代码示例

    这篇文章主要介绍了京东优选小程序的实现代码示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • 一篇文章搞懂JavaScript中的代理和代理的使用

    一篇文章搞懂JavaScript中的代理和代理的使用

    这篇文章主要为大家详细介绍了JavaScript代理和代理的使用的方法,感兴趣的小伙伴们可以参考一下,希望能给你带来帮助
    2021-08-08
  • 十分钟打造AutoComplete自动完成效果代码

    十分钟打造AutoComplete自动完成效果代码

    十分钟打造山寨版谷歌AutoComplete,因为是十分钟打造出来的,所以只考虑表面效果,其他全部忽略,绝对的山寨。
    2009-12-12
  • Javascript实现前端简单的路由实例

    Javascript实现前端简单的路由实例

    本文将使用javascript实现一个极其简单的路由实例。WEB开发中路由概念并不陌生,我们接触到的有前端路由和后端路由。后端路由在很多框架中是一个重要的模块,同样前端路由在单页面应用也很常见,它使得前端页面体验更流畅。
    2016-09-09
  • webpack-dev-server搭建本地服务器的实现

    webpack-dev-server搭建本地服务器的实现

    当我们使用webpack打包时,发现每次更新了一点代码,都需要重新打包,我们希望本地能搭建一个服务器,本文就介绍如何使用webpack-dev-server搭建本地服务器,感兴趣的可以了解一下
    2021-07-07

最新评论