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 相关文章推荐
fromCharCode和charCodeAt 方法
Dec 27 Javascript
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
May 21 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
Mar 16 Javascript
引用 js在IE与FF之间的区别详细解析
Nov 20 Javascript
使用js判断控件是否获得焦点
Jan 03 Javascript
document.forms[].submit()使用介绍
Feb 19 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
js绘制圆形和矩形的方法
Aug 05 Javascript
JS+CSS实现的经典tab选项卡效果代码
Sep 16 Javascript
理解javascript中try...catch...finally
Dec 25 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
简单了解Vue + ElementUI后台管理模板
Apr 07 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
PHP的Yii框架入门使用教程
2016/02/15 PHP
Zend Framework教程之前端控制器Zend_Controller_Front用法详解
2016/03/07 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
JavaScript中的History历史对象
2008/01/16 Javascript
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
Jquery插件easyUi表单验证提交(示例代码)
2013/12/30 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
微信小程序 实战小程序实例
2016/10/08 Javascript
手机端实现Bootstrap简单图片轮播效果
2016/10/13 Javascript
vue下跨域设置的相关介绍
2017/08/26 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
2018/06/27 Javascript
js实现简单掷骰子小游戏
2019/10/24 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
Openlayers学习之加载鹰眼控件
2020/09/28 Javascript
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
python re正则表达式模块(Regular Expression)
2014/07/16 Python
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
浅谈配置OpenCV3 + Python3的简易方法(macOS)
2018/04/02 Python
Python决策树之基于信息增益的特征选择示例
2018/06/25 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
python 线性回归分析模型检验标准--拟合优度详解
2020/02/24 Python
iPad和Surface Pro蓝牙键盘:Brydge
2018/11/10 全球购物
精选干货:Java精选笔试题附答案
2014/01/18 面试题
优秀班干部事迹材料
2014/01/26 职场文书
空乘英文求职信
2014/04/13 职场文书
雷人标语集锦
2014/06/19 职场文书
2014年酒店工作总结范文
2014/11/17 职场文书
2015年创先争优活动总结
2015/03/27 职场文书
2015迎新晚会活动总结
2015/07/16 职场文书
初中政治教师教学反思
2016/02/23 职场文书
pycharm2021激活码使用教程(永久激活亲测可用)
2021/03/30 Python
Python os和os.path模块详情
2022/04/02 Python
php解析非标准json、非规范json的方式实例
2022/05/10 PHP