1. 需求:按orderIndex规定的顺序进行课程的学习和考试。根据API返回的数据动态生成表格。要实现的样式如下:
if (content.studyPlanStages != "") {
//遍历阶段列表
$.each(content.studyPlanStages, function (i, obj) {
var taskArray = new Array();
if (obj.userKnowledges != null) {
//遍历课程列表
$.each(obj.userKnowledges, function (i, item) {
var task = {
stageTitle : obj.title,//当前阶段的标题保存为stageTitle
title : item.title,//课程标题
progress : item.progress + "%",//课程学习进度百分比
actualStudyHours : "",
orderIndex : item.orderIndex//课程在当前阶段中的顺序
if (item.actualStudyHours != null && item.studyHours != null) {
task.actualStudyHours = item.actualStudyHours + "/" + item.studyHours;
taskArray.push(task);
if (obj.examResults != null) {
//遍历考试列表
$.each(obj.examResults, function (i, item) {
var task = {
stageTitle : obj.title,//当前阶段的标题保存为stageTitle
title : item.name,//考试标题
progress : "",
actualStudyHours : "",
orderIndex : item.orderIndex
if (item.status == 0) {
task.progress = "未开始";
} else if (item.status == 2) {//考试结束后,进度栏展示是否通过,学时栏展示成绩
task.progress = item.isPass == 1 ? "已通过" : "未通过";
task.actualStudyHours = "成绩:" + item.score;
taskArray.push(task);
//这里重新定义一个taskArrayOrder用于储存排序后的记录
var taskArrayOrder = taskArray;
taskArrayOrder = taskArray.sort(function(a, b) {
return (a.orderIndex - b.orderIndex);
$.each(taskArrayOrder, function(index, value){
$('#executorDetail').append('<tr><td>' + value.stageTitle +
'</td><td>' + value.title + '</td><td>' + value.progress +
'</td><td>' + value.actualStudyHours + '</td></tr>');
} else {
$("#executorDetail").append("<tr><td colspan='3'>内容为空</td></tr>");
需要
排序
数组
以及
排序
字段
为rank:
let data=[{text:"测试01",value:1,rank:1},{text:"测试02",value:2,rank:2},{text:"测试03",value:3,rank:3}]
this.data.
sort
((a, b) => {
return a.rank > b.rank ? 1 : -1;
排序
结果:
this.data=[{text:"测试03",value:3,rank:3},{text:"测试02",
本质上来说,
js
on也是
一
个
数组
,只是
数组
中的每个成员是
一
个object类型,对
js
on数据进行
排序
,可
根据
每个object成员中的固定
字段
进行
排序
。
//声明object
对象
并赋值
var obj = {
name:"猪八戒",
age:13,
gender:"男",
test:{name:"沙僧"}
//声明新的object
对象
,并赋值
var obj = new Object();
obj['name'] = '猪八戒';
obj['age'] = 13;
一个做过前端开发的产品经理,经历过睿智产品的折磨导致脱发之后,励志要翻身"农奴"把歌唱,一边打入敌人内部一边持续提升自己,为我们广大开发同胞谋福祉,坚决抵制睿智产品折磨我们码农兄弟!
01-26
arrayObject.
sort
(
sort
by);
参数:定义
排序
规则(正序、倒序、按
字段
排序
)的函数;
返回值:对
数组
的引用。请注意,
数组
在原
数组
上进行
排序
,不生成副本。
无参数时,默认为正序
排序
(数值
数组
按数值正序,字符串
数组
按字符正序)。
要实现不同的
排序
方式,只需实现
sort
的输入参数函数即可。
正序
排序
:
//定义正序规则的...
Microsoft SQL Server2025的下载、安装与配置——从环境、管理工具、配置管理器入手,解决VS2022ASP.NET网站项目中SqlDataSource控件找不到服务器的问题
Visual Studio Code的第一次安装
Python数据分析入门笔记10——简单案例练习(学生信息分析)