JavaScript自定义数组排序方法_javascript技巧

本文实例讲述了JavaScript自定义数组排序方法。分享给大家供大家参考。具体分析如下:

Array中有自带的排序功能,这个使用起来比较方便,我们有一点必须清楚,就是排序的依据,如果sort不传入参数的话,那就是按照字符编码(Unicode编码)的顺序排序。

var a=["3","2","1"];
console.log(a[0].charCodeAt(0)); // 51
console.log(a[1].charCodeAt(0)); // 50
console.log(a[2].charCodeAt(0)); // 49
console.log(a.sort());      // ["1", "2", "3"] 

var a=["3","你","他"];
console.log(a[0].charCodeAt(0)); // 51
console.log(a[1].charCodeAt(0)); // 20320
console.log(a[2].charCodeAt(0)); // 20182
console.log(a.sort());      // ["3", "他", "你"] 

var a=["3","11","222"];
console.log(a.sort());// ["11", "222", "3"]
           // 多个字符的时候按照第一个字符的编码

不过我觉得sort最好用的地方在于可以自定义排序,这个在实际运用中也比较常见,比如要对对象数组排序。例如线面的一个对象数组,要根据其中的某一个字段进行排序,当然自己也可以写个函数来完成,不过我想没有sort来得方便。

var list = [
  {
    max:3,
    avg:2,
    min:1
  },
  {
    max:10,
    avg:15,
    min:20
  },
  {
    max:8,
    avg:5,
    min:2
  }
];
// 根据max字段对list对象进行排序,从小到大的顺序
// x,y就是要比较的数组的单个元素,这里就是list中的一个元素
// 排序方法主要是要提供一个比较大小的规则,换句话说也就是要说明谁大谁小
// 返回值为true or false
function sortByField(x, y) {
  return x.max - y.max;
}
console.log(list.sort(sortByField));

运行效果如下图所示:

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, 数组
, 排序
, 方法
自定义
javascript 数组排序、javascript中数组排序、php数组自定义排序、js数组自定义排序、数组自定义排序,以便于您获取更多的相关知识。

时间: 2025-01-30 11:02:39

JavaScript自定义数组排序方法_javascript技巧的相关文章

JavaScript自定义数组排序方法

 这篇文章主要介绍了JavaScript自定义数组排序方法,实例分析了javascript自定义数组排序的原理与实现技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了JavaScript自定义数组排序方法.分享给大家供大家参考.具体分析如下: Array中有自带的排序功能,这个使用起来比较方便,我们有一点必须清楚,就是排序的依据,如果sort不传入参数的话,那就是按照字符编码(Unicode编码)的顺序排序. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14

JavaScript自定义事件介绍_javascript技巧

很多DOM对象都有原生的事件支持,向div就有click.mouseover等事件,事件机制可以为类的设计带来很大的灵活性,相信.net程序员深有体会.随着web技术发展,使用JavaScript自定义对象愈发频繁,让自己创建的对象也有事件机制,通过事件对外通信,能够极大提高开发效率. 简单的事件需求 事件并不是可有可无,在某些需求下是必需的.以一个很简单的需求为例,在web开发中Dialog很常见,每个Dialog都有一个关闭按钮,按钮对应Dialog的关闭方法,代码看起来大概是这样 复制代码

浅谈javascript中replace()方法_javascript技巧

定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串.语法stringObject.replace(regexp/substr,replacement) 返回值 一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的.说明 字符串 stringObject 的 replace() 方法执行的是查找并替换的操作.它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 r

浅析创建javascript对象的方法_javascript技巧

一.工厂模式 function person (name,age) { var p=new Object(); p.name=name; p.age=age; p.showMessage=function(){ console.log("name:"+this.name+" age:"+this.age); } return p; } var p1=person("k1",28); var p2=person("k2",29)

浅析JavaScript事件和方法_javascript技巧

单击一个超链接触发事件 1.用a标签的onclick <a href="#" onclick="js代码"> 这种写法呢,存在一种弊端,就是点击后会刷新一次页面,回到页面顶端. 想不刷新如何做的呢? 复制代码 代码如下: <a href="javascript:void(0)" onclick="js代码"> 2.#与javascript:void(0)的区别 超链接为"死链"时,使

同一个网页中实现多个JavaScript特效的方法_javascript技巧

本文实例讲述了同一个网页中实现多个JavaScript特效的方法.分享给大家供大家参考.具体分析如下: 一般来说,在网页中,如果出现两次<script type="text/javascript"></script>标签,所有的JavaScipt脚本都不会再生效,只能出现一次<script type="text/javascript"></script>标签,但是,同一个网页中常常需要多个JavaScript特效. 一

JavaScript Math.round() 方法_javascript技巧

 Math.round()方法的定义和用法: Math.round()方法将对参数进行四舍五入操作. 点击可参阅更多相关Math对象方法和属性. 语法结构: Math.round(x) 参数列表: 参数 描述 x 必需.必须是数值类型. 实例代码: 实例一: 复制代码 代码如下: console.log(Math.round(-2.1)); 输出结果:-2. 实例二: 复制代码 代码如下: console.log(Math.round(-2.9)); 输出结果:-3. 实例三: 复制代码 代码如

异步安全加载javascript文件的方法_javascript技巧

本文实例讲述了异步安全加载javascript文件的方法.分享给大家供大家参考.具体如下: 使用方法: (function() { __safeLoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js", function() { alert(jQuery); }); })(); JavaScript实现代码: window.__safeLoadScript = function(src, c

JavaScript如何自定义trim方法_javascript技巧

相比vbscript,javascript在字符串处理方面已经很强大了,但是偏偏缺少去除字符串前后空格的trim方法. //clear the right and left space function trim(s){ return trimRight(trimLeft(s)); } //clear the left space function trimLeft(s){ if(s == null) { return ""; } var whitespace = new String