js数组的sort排序详解
2016-01-15 10:31
726 查看
转载地址: /article/6189236.html`
1、简单数组简单排序
join() 方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分隔的。
arrayObject.join(separator)
document.write()和document.writeln都是JavaScript向客户端写入的方法
writeln是以行方式输出的,一般情况下用两种方法输出的效果在页面上是没有区别的,两种方法仅当在查看源代码时才看得出区别,除非是输出到pre或xmp元素内
2、简单数组自定义排序
3、简单对象List自定义属性排序
4、简单对象List对可编辑属性的排序
<body> <div> sort()对数组排序,不开辟新的内存,对原有数组元素进行调换 </div> <div id="showBox">
1、简单数组简单排序
<script type="text/javascript"> var arrSimple=new Array(1,8,7,6); arrSimple.sort(); document.writeln(arrSimple.join()); </script> </div> <div>
join() 方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的分隔符进行分隔的。
arrayObject.join(separator)
document.write()和document.writeln都是JavaScript向客户端写入的方法
writeln是以行方式输出的,一般情况下用两种方法输出的效果在页面上是没有区别的,两种方法仅当在查看源代码时才看得出区别,除非是输出到pre或xmp元素内
2、简单数组自定义排序
<script type="text/javascript"> var arrSimple2=new Array(1,8,7,6); arrSimple2.sort(function(a,b){ return b-a}); document.writeln(arrSimple2.join()); </script>
解释:a,b表示数组中的任意两个元素,若return > 0 b前a后;reutrn < 0 a前b后;a=b时存在浏览器兼容 简化一下:a-b输出从小到大排序,b-a输出从大到小排序。 </div> <div>
3、简单对象List自定义属性排序
<script type="text/javascript"> var objectList = new Array(); function Persion(name,age){ this.name=name; this.age=age; } objectList.push(new Persion('jack',20)); objectList.push(new Persion('tony',25)); objectList.push(new Persion('stone',26)); objectList.push(new Persion('mandy',23)); //按年龄从小到大排序 objectList.sort(function(a,b){ return a.age-b.age}); for(var i=0;i<objectList.length;i++){ document.writeln('<br />age:'+objectList[i].age+' name:'+objectList[i].name); } </script> </div> <div>
4、简单对象List对可编辑属性的排序
<script type="text/javascript"> var objectList2 = new Array(); function WorkMate(name,age){ this.name=name; var _age=age; this.age=function(){ if(!arguments) { _age=arguments[0];} else { return _age;} } } objectList2.push(new WorkMate('jack',20)); objectList2.push(new WorkMate('tony',25)); objectList2.push(new WorkMate('stone',26)); objectList2.push(new WorkMate('mandy',23)); //按年龄从小到大排序 objectList2.sort(function(a,b){ return a.age()-b.age(); }); for(var i=0;i<objectList2.length;i++){ document.writeln('<br />age:'+objectList2[i].age()+' name:'+objectList2[i].name); } </script> </div> </body>
相关文章推荐
- JS封装getClassName方法
- ExtJS4单选下拉树组件
- js中字符串和数组相互转化
- 获取登录的地点和ip地址的js
- iOS7新JavaScriptCore框架入门介绍
- js封装成对象
- js 模板引擎 -Art Template
- Js 校验时间、比较时间 和转换时间格式
- 使用FastJson解析Json数据
- 使用 JavaScript 将 XML 转成 JSON
- js 解析xml字符串
- js获取页面高度赋值给div
- 一切皆为 JavaScript
- JavaScript回顾--13_dom简介
- 设置myeclipse编写extjs4.2时有代码提示
- JavaScript 总结几个提高性能知识点
- 图片旋转,鼠标滚轮缩放,镜像,切换图片js代码
- JavaScript焦点事件、鼠标事件和滚轮事件使用详解
- JavaScript提高性能知识点汇总
- [Javascript] How to use JavaScript's String.replace