博客园_楼兰之风...

JavaScript的sort函数报“缺少数字”错误的原因、分析与疑惑

2011-05-20T08:39:00Z

我们知道，js的数组具有一个sort方法，这个sort方法还可以传入一个特定形式的比较函数进行自定义排序，它的用法类似这样：

[5,4,9,2,7].sort(function(a,b){return(a-b);});

这个特定形式的自定义比较函数，要求有两个参数，通常情况下，函数的内容是两个参数本身或其属性的对比，该函数的返回值必须为负数、0和正数之一。另外sort函数会改变数组，而不是返回一个新的数组。

最近我的一段js代码使用了js数组的自定义排序，在ie8和ff4下正常，然而在ie6和ie7下报“缺少数字”错误，经过研究发现，是自定义比较函数的返回值出现了NaN这个非数字造成的，这种情况下，ie6和ie7直接报错，而ie8和ff4不会报错，如下的代码可以可以重现这个问题：

由于数组arr中有一个元素的o属性没有定义，因此比较函数中会出现数字与undefined相减的情况，结果就是NaN，于是ie6和ie7报错了，截图如下：

解决这个问题的办法，就是避免自定义比较函数返回非数字。但是ie8为什么不报错呢？难道ie8下传给sort函数的比较函数返回NaN不抱错吗？答案是肯定的，当比较函数的返回值为NaN的话，ie8不会报错，但是排序结果会发生一些不可预料的变化，上面同样的代码，在ie8下的结果是：

1,3,undefined,4

这个结果令我疑惑，如果把arr改成：

var arr = [
        {o:3,toString:function(){return this.o}},
        {o:6,toString:function(){return this.o}},
        {o:undefined,toString:function(){return this.o}},
        {o:4,toString:function(){return this.o}},
        {o:1,toString:function(){return this.o}}
    ];

则排序后结果是：

1,3,4,6,undefined

如果我把o属性未定义的元素移到o属性为3的元素下面，则返回结果是：

1,3,undefined,4,6

这正是我的疑惑，如果你知道答案，请不吝赐教。

那么ie8的sort的自定义比较函数是不是无论返回什么都不报错呢？答案是否定的，如果我把比较函数的返回值硬编码成“return “#@#@””，则ie8也报错了：

因此，我认为ie8的的sort函数，相比IE6和ie7，至少进行了体验上的优化，即如果发现自定义比较函数的返回值是NaN，则不报错，只是排序可能会出现非预期的结果而已，但是如果返回值是字符串，则将严惩不贷，弹出令人震惊的错误框。

本文链接

小议程序员的视野

2009-10-31T05:15:00Z

关于视野，我以前就有很多想法，因为我经常由于视野不宽而走弯路，因此觉得视野太重要了，比智商和技术更重要。　　我以前做ajax应用的时候不知何为异步何为同步，更不知何为回调，总觉得程序应该是一条一条执行下去的，上一语句还在执行的时候不可能会执行下一语句的，因此在写xmlhttp的时候，总是不知道把async属性设为true，而是按部就班地先发出请求，然后等待返回的结果，当时还纳闷说，ajax这么流...

sql server和oracle行转列的一种典型方法

2009-08-15T06:36:00Z

前言：网上有不少文章是讲行转列的，但是大部分都是直接贴代码，忽视了中间过程，本人自己思考了下为什么要这样实现，并且做了如下的笔记，对有些懂的人来说可能没有价值，希望对还不懂的人有一点借鉴意义。对于有些业务来说，数据在表中的存储和其最终的Grid表现恰好相当于把源表倒转，那么这个时候我们就碰到了如何把行转化为列的问题，为了简化问题，我们且看如下查询出来的数据，您不必关心表的设计以及sql语句：假设...

湮灭的风流－基于JavaScript的CSS技术概览

2009-07-13T14:46:00Z

自从CSS出现以来，就有厂商希望CSS能够更加灵活一点，最早的CSS动态化体现为“动态表达式”（或动态属性，Dynamic attribute）的构想，动态表达式的构想也许是源自于以下的一些场景：　　元素的尺寸或者位置由浏览器或者html文档来计算　　使用变量作为style属性的值，比如频繁使用的颜色，用一个全局变量　　包括浏览器的鼻祖Netscape以及IE浏览器都试图在...

doodads指南-基本CRUD操作

2009-05-30T11:40:00Z

这篇文章是续《小巧优美的ORM框架-doodads入门指南》的，在上篇文章，我讨论了喜爱doodads的理由：轻巧，部署简单，文件少且小，开源免费简单，不支持关系映射，不支持多表操作，所有的实现必须您亲自写sql或建立视图来实现依赖存储过程，间接地提高性能不过，其官方网站宣称已经不再维护doodads了，尽管如此，如果您发现您的项目适合doodads而你暂时又没有找到其他的框架，另外学习时间有限的...

小巧优美的ORM框架-doodads入门指南

2009-05-27T15:59:00Z

关于.net下的ORM框架，大家最为耳熟的可能就是NHibernate了，当然，很多公司正在使用自己开发的ORM框架，笔者至少见过3家不同公司的ORM框架，其实都是大同小异，借助于codesmith、mygeneration等代码生成工具，自己开发一个ORM框架也不是什么难事，关键的问题是，你能不能设计出代码优美简洁、功能灵活、定制方便以及部署容易的ORM框架。　　我去年开始热衷NHibernat...

EmEditor的两个妙用

2009-05-17T14:30:00Z

相信不少程序员喜欢使用Emeditor，我也经常推荐朋友使用这个工具，有时候就会有朋友问我，“这个工具有什么好啊，我现在还体会不到它的好处”，现在我就把平时积累的一些emeditor经验拿出来与大家分享，如果读者有一些其他的觉得适用的，可以留言或者联系我加入到本文。一、快速测试html、javascript（关键字：web预览插件，html模板）有时候我们想快速预览一段从其...

一分钟让您彻底领悟联动下拉列表的核心思路

2009-02-20T03:23:00Z

这篇文章献给在10分钟之内不能写出最简单的联动下拉列表以及想了解写法的人相信80%的web程序员都使用过联动菜单，这其中又有至少50%的人使用过或只使用过省份、城市联动下拉列表，但是，这其中会有一部分人只是拿来主意，并不会自己写，而且望着网上繁杂庞大、各式各样的联动下拉代码产生了学习恐惧感，今天我用简化问题的策略来告诉大家，这样的代码其实很简单。所有的联动菜单归根到底都是对select元素的操作，...

正则表达式的零宽断言的一个小应用

2009-02-06T09:49:00Z

先给出一个需求：数据表中有一列存储了一些脏字，比如：a*bc*de\*f...现在想把该字段所有的"*"号替换成"\*"，但是如果*号前面已经有了\，则不必替换如果你可以用正则表达式很快解决这个问题，可以不必看下面的文字 -------------------当然解决这个问题有很多方法，现在我们尝试用正则表达式去解决，查阅了很多资料，尤其是这篇文章：《正则表达式30分钟入门教程》版本：v2.3 (...

Visual CSS 1.3 正式版（绿色版）博客园首发

2008-12-24T06:20:00Z

本次重大修订：代码自动完成菜单栏快捷键，F5预览代码其他小bug下载地址：/Files/xiehuiqi220/vcssGreen13.rar