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程序设计有所帮助。

相关文章

  • ionic App问题总结系列之ionic点击系统返回键退出App

    ionic App问题总结系列之ionic点击系统返回键退出App

    本篇文章主要介绍了ionic App问题总结系列之ionic点击系统返回键退出App,具有一定的参考价值,有兴趣的可以了解一下
    2017-08-08
  • JSON+HTML实现国家省市联动选择效果

    JSON+HTML实现国家省市联动选择效果

    实现国家省市联动的方法有很多,本文要为大家介绍的JSON+HTML如何实现,需要的朋友可以参考下
    2014-05-05
  • JSONP跨域的原理解析及其实现介绍

    JSONP跨域的原理解析及其实现介绍

    JSONP跨域GET请求是一个常用的解决方案,下面我们来看一下JSONP跨域是如何实现的,并且探讨下JSONP跨域的原理
    2014-03-03
  • JavaScript中alert的使用方法超详细介绍

    JavaScript中alert的使用方法超详细介绍

    JS中的alert作用是在浏览器中弹出一个警告框,而使用alert有三种方式,不同的方式所呈现的效果也不相同,这篇文章主要给大家介绍了关于JavaScript中alert使用方法的相关资料,需要的朋友可以参考下
    2024-01-01
  • JS制作可以选项卡切换的年历

    JS制作可以选项卡切换的年历

    这篇文章主要为大家分享了JS制作类似于选项卡切换的年历,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JS闭包原理与应用经典示例

    JS闭包原理与应用经典示例

    这篇文章主要介绍了JS闭包原理与应用,结合实例形式较为详细的分析了javascript闭包的原理、应用及相关操作注意事项,需要的朋友可以参考下
    2018-12-12
  • JavaScript小技巧 2.5 则

    JavaScript小技巧 2.5 则

    在上一篇文章中的(伪)Lambda模块中使用了几个小技巧,现在我就把这几个小技巧介绍一下
    2010-09-09
  • 关于js中for in的缺陷浅析

    关于js中for in的缺陷浅析

    这篇文章主要介绍了js中for in的缺陷,有需要的朋友可以参考一下
    2013-12-12
  • JavaScript中变量提升机制示例详解

    JavaScript中变量提升机制示例详解

    这篇文章主要给大家介绍了关于JavaScript中变量提升机制的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用JavaScript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12
  • 微信小程序实现单选选项卡切换效果

    微信小程序实现单选选项卡切换效果

    这篇文章主要为大家详细介绍了微信小程序实现单选选项卡切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-02-02

最新评论