logo资料库

vue数组对象排序的实现代码.pdf

发布时间：2022-05-29 发布人：admin 分类：说明书 资料大小：0.11M 资料格式：pdf 举报 版权申诉
第1页 / 共4页
第2页 / 共4页
第3页 / 共4页
第4页 / 共4页
资料共4页，全文预览结束
    vue数组对象排序的实现代码 数组对象排序的实现代码 主要介绍了vue数组对象排序的实现代码，这里整理了详细的代码，非常具有实用价值，需要的朋友可以参考下 前言前言 最近在看vue的教学视频，正好学到的数组对象排序方法，在这跟大家分享一下，如有不足之处，请赐教。 普通数组的排序 普通数组的排序 先看代码：

    v-for实例

    1. {{number}}

    v-for实例

    1. {{number}}
    数组对象的排序 数组对象的排序 如果数组项是对象，我们需要根据数组项的某个属性对数组进行排序，要怎么办呢？其实和前面的比较函数也差不多。所以我 就只把部分代码分享出来了。
    如何对这个数组进行age排序呢 students:[ {name:'cjk',age:'38'} , { name:'xxf',age:'29'}, {name:'zk',age:'26'}, ] 比较函数： function sortByKey(array,key){ return array.sort(function(a,b){ var x = a[key]; var y = b[key]; return((xy)?1:0)); }) } 这里我是用三元函数来判断的，也和下面这个代码效果一样 var compare = function (prop) { return function (obj1, obj2) { var val1 = obj1[prop]; var val2 = obj2[prop];if (val1 < val2) { return -1; } else if (val1 > val2) { return 1; } else { return 0; } } } 我觉得这个代码有点冗杂，所以我就用了三元运算符来判断输出。 结果： 整个项目文件： v-for

    v-for实例

    1. {{number}}
    • {{index+1}}:{{student.name}}-{{student.age}}
    结果： 希望这篇文章对新手有用，也希望你们能和我一起分享知识，一起成长。也希望大家多多支持我们。
    分享到：
    赞 收藏

    相关推荐

    资料库

    开发技术

    共收录19306份资料，累计14个分类，关注成员有19位，主要包括：Actionscript,Javascript,PHP,VB,Perl,Delphi,Python,C#,C,Java,C++,Web开发,硬件开发,其它

    热门标签

    Actionscript Javascript PHP VB Perl Delphi Python C# C Java C++ Web开发 硬件开发 其它

    最新资料