Array 重排序方法和操作方法的简单实例


Posted in Javascript onJanuary 24, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>重排序方法和操作方法</title>
    <script type="text/javascript">    
    //排序方法
      function basicSort(){
         var values=[0,10,2,3,12,5];
         alert(values.reverse());//reverse()方法只是把数组的顺序反过来
         alert(values.sort());//sort()方法比较的是字符串,大多数情况不是最佳的方案
         alert(values.sort(compare));//sort()方法可以接收一个比较函数作为参数
      }      //自定义比较函数,返回的数组是升序,也可以通过改变代码,如 value1<value2 return 1等来达到结果是降序的。
      function compare(value1,value2){
        if(value1 < value2){
          return -1;
        }else if(value1 > value2){
         return 1;
        }else{
          return 0;
        }
      }
      //操作方法 concat()方法是基于当前的数组中的所有项创建一个新数组
      function basicConcat(){
        var colors=["red","blue","pink"];
        var colors2=colors.concat("yellow",["black","brown"]);//red,blue,pink,yellow,black,brown
        alert(colors2);
      }
      //方法是基于当前的数组中的所有项创建一个新数组,可以接收一个或者两个参数,即截取  end > str >=start(即不包括结束位置的项)
      function basicSlice(){
         var colors=["red","blue","pink","yello","white"];
         var colors2=colors.slice(1);
         var colors3=colors.slice(1,4);
         alert(colors2);
         alert(colors3);
      }
      function basicSplice(){
         var colors=["red","blue","pink","yello","white"];
         var removed=colors.splice(0,2);//表删除 即删除前两项
         alert("删除的项:"+removed+"----现在的项:"+colors)
         var inserted=colors.splice(1,0,"black","gray");//表示在位置1处删除0项,插入新加项
         alert("现在的项:"+colors);
      }
    </script>
</head>
<body>
  <input type="button" value="排序Sort" onclick="basicSort();" />
  <input type="button" value="concat" onclick="basicConcat();" />
  <input type="button" value="slice" onclick="basicSlice();" />
  <input type="button" value="splice" onclick="basicSplice();" />
</body>
</html>

Javascript 相关文章推荐
JavaScript延迟加载
Mar 09 Javascript
利用javascript查看html源文件
Nov 08 Javascript
javascript中parentNode,childNodes,children的应用详解
Dec 17 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
利用iscroll4实现轮播图效果实例代码
Jan 11 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
Dec 26 Javascript
Vue自定义指令实现checkbox全选功能的方法
Feb 28 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
JavaScript基于数组实现的栈与队列操作示例
Dec 22 Javascript
JS数组去重与取重的示例代码
Jan 24 #Javascript
关于js数组去重的问题小结
Jan 24 #Javascript
js数组去重的常用方法总结
Jan 24 #Javascript
JQuery的$和其它JS发生冲突的快速解决方法
Jan 24 #Javascript
js判断60秒以及倒计时示例代码
Jan 24 #Javascript
innerText 使用示例
Jan 23 #Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 #Javascript
You might like
调频问题解答
2021/03/01 无线电
通过对php一些服务器端特性的配置加强php的安全
2006/10/09 PHP
七款最流行的PHP本地服务器分享
2013/02/19 PHP
浅析php数据类型转换
2014/01/09 PHP
php插入排序法实现数组排序实例
2015/02/16 PHP
PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
2015/11/25 PHP
SAE实时日志接口SDK用法示例
2016/10/09 PHP
javascript[js]获取url参数的代码
2007/10/17 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
2011/01/01 Javascript
URL地址中的#符号使用说明
2011/02/12 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
用JS实现图片轮播效果代码(一)
2016/06/26 Javascript
p5.js实现斐波那契螺旋的示例代码
2018/03/22 Javascript
JSON.stringify()方法讲解
2019/01/31 Javascript
jQuery实现异步上传一个或多个文件
2020/08/17 jQuery
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
Python中给List添加元素的4种方法分享
2014/11/28 Python
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
opencv python 2D直方图的示例代码
2018/07/20 Python
python用fsolve、leastsq对非线性方程组求解
2018/12/15 Python
Python字节单位转换实例
2019/12/05 Python
python 项目目录结构设置
2020/02/14 Python
详解CSS 3 中的 calc() 方法
2018/01/12 HTML / CSS
数字漫画:comiXology
2020/06/13 全球购物
2014信息技术专业毕业生自我评价
2014/01/17 职场文书
《雪儿》教学反思
2014/04/17 职场文书
令人印象深刻的自荐信
2014/05/25 职场文书
绿色出行口号
2014/06/18 职场文书
教师教育教学随笔
2015/08/15 职场文书
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android
linux目录管理方法介绍
2022/06/01 Servers
MySql按时,天,周,月进行数据统计
2022/08/14 MySQL
MySQL下载安装配置详细教程 附下载资源
2022/09/23 MySQL
postgresql之greenplum字符串去重拼接方式
2023/05/08 PostgreSQL