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后$冲突的解决办法
Jul 09 Javascript
jquery的index方法实现tab效果
Feb 16 Javascript
js 获取和设置css3 属性值的实现方法
May 06 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
Node.js数据库操作之查询MySQL数据库(二)
Mar 04 Javascript
JavaScript 用fetch 实现异步下载文件功能
Jul 21 Javascript
浅谈关于.vue文件中style的scoped属性
Aug 19 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
Nov 18 Javascript
JavaScript对象的浅拷贝与深拷贝实例分析
Jul 25 Javascript
记React connect的几种写法(小结)
Sep 18 Javascript
javascript中的数据类型检测方法详解
Aug 07 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 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验证复选框有效性的示例
2013/11/13 PHP
php实例分享之mysql数据备份
2014/05/19 PHP
PHP结合jquery ajax实现上传多张图片,并限制图片大小操作示例
2019/03/01 PHP
获取当前网页document.url location.href区别总结
2008/05/10 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
2011/12/08 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
2013/05/27 Javascript
js 中的switch表达式使用示例
2020/06/03 Javascript
js判断页面中是否有指定控件的简单实例
2014/03/04 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
jQuery实现产品对比功能附源码下载
2016/08/09 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
2016/11/15 Javascript
ReactNative中使用Redux架构总结
2017/12/15 Javascript
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
JQuery常用简单动画操作方法回顾与总结
2019/12/07 jQuery
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
[02:10]DOTA2亚洲邀请赛 EG战队出场宣传片
2015/02/07 DOTA
Python中的并发编程实例
2014/07/07 Python
Python随手笔记第一篇(2)之初识列表和元组
2016/01/23 Python
Python字典及字典基本操作方法详解
2018/01/30 Python
pygame实现俄罗斯方块游戏(对战篇1)
2019/10/29 Python
mac使用python识别图形验证码功能
2020/01/10 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
日本最佳原创设计品牌:Felissimo(芬理希梦)
2019/03/19 全球购物
大学专科求职信
2014/07/02 职场文书
2014年仓库工作总结
2014/11/20 职场文书
婚礼父母致辞
2015/07/28 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书
go语言中fallthrough的用法说明
2021/05/06 Golang
tensorflow中的梯度求解及梯度裁剪操作
2021/05/26 Python
Sleuth+logback 设置traceid 及自定义信息方式
2021/07/26 Java/Android
Python3.10的一些新特性原理分析
2021/09/15 Python
MySQL索引 高效获取数据的数据结构
2022/05/02 MySQL