json数组排序

最新推荐文章于 2023-07-04 22:15:00 发布
最新推荐文章于 2023-07-04 22:15:00 发布
阅读量658 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sqs0418/article/details/60882196
版权
本文介绍了如何在C#后端获取数据库菜单数据并生成JSON数组，由于未使用SQL排序，需要在前端进行数组排序。通过JavaScript的sort方法按orderid升序排序数组，并依据menuData1[i].visible属性筛选出可视菜单项展示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


①首先在后台使用C#获取数据库中的菜单数据，生成一个包含菜单数据项的JSON数组（由于某种原因没有使用SQL中的ORDER BY），如下：

var  menuData1=[
{ "orderid" :-10, "text" : "主页" , "title" : "个人网站主页" , "url" : "Default.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :10, "text" : "个人新闻" , "title" : "个人新闻" , "url" : "News.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :5, "text" : "发表论文" , "title" : "发表论文" , "url" : "Paper.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :2, "text" : "出版专著" , "title" : "出版专著" , "url" : "Monograph.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :7, "text" : "参与项目" , "title" : "参与项目" , "url" : "Project.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :8, "text" : "个人荣誉" , "title" : "个人荣誉" , "url" : "Prize.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :1, "text" : "发明专利" , "title" : "发明专利" , "url" : "Patent.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :0, "text" : "文件共享" , "title" : "文件共享" , "url" : "FileShare.aspx?TeacherID=153" , "visible" : true , "target" : "_self" }
];

②这时需要先将数组按orderid升序排序，注意，sort方法会改写原来的数组：

menuData1.sort( function (a, b) { return  a.orderid > b.orderid ? 1 : -1;} ); //升序

③经过排序后，结果为：

menuData1=[
{ "orderid" :-10, "text" : "主页" , "title" : "个人网站主页" , "url" : "Default.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :0, "text" : "文件共享" , "title" : "文件共享" , "url" : "FileShare.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :1, "text" : "发明专利" , "title" : "发明专利" , "url" : "Patent.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :2, "text" : "出版专著" , "title" : "出版专著" , "url" : "Monograph.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :5, "text" : "发表论文" , "title" : "发表论文" , "url" : "Paper.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :7, "text" : "参与项目" , "title" : "参与项目" , "url" : "Project.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :8, "text" : "个人荣誉" , "title" : "个人荣誉" , "url" : "Prize.aspx?TeacherID=153" , "visible" : true , "target" : "_self" },
{ "orderid" :10, "text" : "个人新闻" , "title" : "个人新闻" , "url" : "News.aspx?TeacherID=153" , "visible" : true , "target" : "_self" }
];

④然后根据menuData1[i].visible属性，将可视菜单项显示出来（其中String.Format见《在Javascript中实现类似C#中string.Format的功能》一文）：

var  menuString = "<ul><li class=\"menuDiv\"></li>" ;
for ( var  i=0;i<menuData1.length;i++) {
     if (menuData1[i].visible) {
         menuString += String.Format( "<li><a title=\"{0}\" class=\"menuA\" onfocus=\"this.blur()\" href=\"{1}\" target=\"{2}\">{3}</a></li><li class=\"menuDiv\"></li>" , menuData1[i].title, menuData1[i].url, menuData1[i].target, menuData1[i].text);
     }
}
menuString += "</ul>" ;
$(menuContainer).innerHTML = menuString;
sqs0418
关注
JS根据json数组多个字段排序及json数组常用操作
12-10
js 根据json数组多个字段排序的实现代码如下所示： /**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortByArr(['number'],false)) //表示根据number属性降序排列;若第二个参数不传递，默认表示升序排序 * @param attr 排序的属性 ['name','sex'...],根据一个字段或者多个字段排序 * @param rev true表示升序排列，false降序排序 * */ function sortByArr(arr, rev) { if (rev == undefined) {
JavaScript-json数组排序
weixin_33909059的博客
12-15 100
排序是开发中不可避免的，最近遇到一个需求需要将JSON数组排序，需求比较简单，实现起来也没什么难度，简单记录下过程: 首先我们需要明白的JavaScript本身的排序是可以传入函数比较的，数组排序如下:   var arr = [25, 2, 32, 12, 72, 51, 65, 97, 60, 20]; function descend(a, b) { return a&...
js运用sort对json 数组进行排序
董庆贺的专栏
10-09 1万+
Array.sort()方法是用来对数组项进行排序的 ，默认情况下是进行升序排列。sort() 方法可以接受一个 方法为参数。sort()排序时每次比较两个数组项都回执行这个参数，并把两个比较的数组项作为参数传递给这个函数。当函数返回值为1的时候就交换两个数组项的顺序，否则就不交换。var p = [5, 2, 3, 1, 7, 5, 6, 9, 6, 0]; function
Json数组列表中的数据分组排序、组内排序
u011047968的专栏
03-06 2886
问题描述 现在有一个用户信息数组，用户信息都在这个数组里，数组中有组号也有排序，现在需要将这些元素按照组号分组并且排序，同时组内元素也按照排序字段排序？ 示例json数组，分组排序之前 [{ "userId": "7", "userName": "neo1", "groupNo": "3", "sortNum": "2" }, { "userId": "11", "userName":...
JS实现json数组排序操作实例分析
12-13
总之，JavaScript的`Array.prototype.sort()`方法是处理JSON数组排序的关键。通过自定义比较函数，我们可以根据JSON对象的任意属性进行升序或降序排列，以满足不同的业务需求。同时，配合其他JSON工具，可以进一步...
JavaScript对JSON数组简单排序操作示例
10-17
JavaScript语言在处理JSON数组排序时，有一个内置的sort方法，可以对数组元素进行排序。sort方法不仅可以对基本数据类型如字符串进行默认的字典顺序排序，也可以对复杂的JSON对象数组进行排序。在对JSON对象数组进行...
js json数组排序.txt
11-02
js实现json数组排序。 可对指定的字段进行排序，简单实用
【json数组排序】json数组按照某个字段升序降序（已实现，附完整代码）
赏樱看雪撸代码
07-04 2290
sort函数应用，数组排序，数组升序，数组降序，数组按字段升序，数组按字段降序，复杂数组排序处理，父子结构数组按照某字段排序，树状数组排序处理。
json 数组排序
weixin_45427064的博客
11-11 875
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
JSON数组排序
热门推荐
keketrtr的专栏
08-14 1万+
Json数组中有json对象，json对象有多个key-value对。根据json对象中的某个key对json数组进行排序。如果value是数字，就按照数字排序。否则，按照自然排序。 方法如下： /**  *   * @param ja json数组  * @param field 要排序的key  * @param isAsc 是否升序  */ private sta
js 排序Json数组
weixin_33739646的博客
06-21 125
由于对用java处理数据需要各种数据类型的转换，非常郁闷，个人更偏向于用js做数据处理，直接上code，希望对你有帮助：functionsortJsonArr(jsonArr,sortName,sortType){if(sortName&&sortType&&jsonArr!=null&...
js对json数组进行排序
heromps的博客
03-29 6566
js中有一个sort()方法，可以直接通过arr.sort()进行排序，默认只能对数组的值进行排序，然而有一些数组数据却是json格式的，需要对其进行排序，则需要重新写相关方法 sort()方法定义 sort()方法用于对数组元素进行排序 语法：arrayObject.sort(sortby) 参数描述：sortby可选。规定排序顺序即规则，必须是函数 返回值：对数组的引用。数组会在原数组上进行排序，不生成副本。 注意： 如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，
JSONArray排序
GrassEva的博客
02-11 1727
package cn.wmsupvi.use; import java.util.Comparator; import net.sf.json.JSONObject; public class KeyWordSort implements Comparator&lt;JSONObject&gt; { @Override public int compare(JSONObject o1,...
Java 给JSON数组排序
最新发布
09-25
在Java中对JSON数组进行排序通常需要将JSON数组转换成List或其他可操作的集合类型，然后利用Java提供的排序功能，最后再将其转换回JSON形式。以下是一个简单的步骤： 1. **解析JSON**：首先，你需要一个库如Jackson...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值