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 相关文章推荐
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
使用delegate方法为一个tr标签加一个链接
Jun 27 Javascript
JavaScript中的Math.sin()方法使用详解
Jun 15 Javascript
jquery实现定时自动轮播特效
Dec 10 Javascript
轻松学习Javascript闭包函数
Dec 15 Javascript
酷炫jQuery全屏3D焦点图动画效果
Mar 22 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
vue实现条件判断动态绑定样式的方法
Sep 29 Javascript
一文读懂vue动态属性数据绑定(v-bind指令)
Jul 20 Javascript
javascript实现下拉菜单效果
Feb 09 Javascript
vue实现Toast组件轻提示
Apr 10 Vue.js
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
php网站来路获取代码(针对搜索引擎)
2010/06/08 PHP
解析array splice的移除数组中指定键的值,返回一个新的数组
2013/07/02 PHP
php多文件上传下载示例分享
2014/02/20 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
golang与PHP输出excel示例
2016/07/22 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
jQuery的attr与prop使用介绍
2013/10/10 Javascript
简单实现异步编程promise模式
2015/07/31 Javascript
Bootstrap基本组件学习笔记之面板(14)
2016/12/08 Javascript
AngularJS中run方法的巧妙运用
2017/01/04 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
2017/06/14 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
2018/03/26 Javascript
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
JavaScript时间日期操作实例小结【5个示例】
2018/12/22 Javascript
python的urllib模块显示下载进度示例
2014/01/17 Python
python脚本实现数据导出excel格式的简单方法(推荐)
2016/12/30 Python
python实现RabbitMQ的消息队列的示例代码
2018/11/08 Python
selenium+python自动化测试之鼠标和键盘事件
2019/01/23 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
python 通过手机号识别出对应的微信性别(实例代码)
2019/12/22 Python
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
马来西亚在线购物市场:PGMall.my
2019/10/13 全球购物
毕业自我鉴定范文
2013/11/06 职场文书
高中运动会入场词
2014/02/14 职场文书
民族学专业职业生涯规划范文:积跬步以至千里
2014/09/11 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
2014年医生工作总结
2014/11/21 职场文书
店面出租协议书范本
2014/11/28 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
立春观后感
2015/06/18 职场文书
节水宣传标语口号
2015/12/26 职场文书
2016反腐倡廉警示教育心得体会
2016/01/13 职场文书