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 捕获窗口关闭事件
Jul 26 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
包含中国城市的javascript对象实例
Aug 03 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
通过jquery实现页面的动画效果(实例代码)
Sep 18 Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 Javascript
JavaScript中三种常见的排序方法
Feb 24 Javascript
Vue form表单动态添加组件实战案例
Sep 02 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
javascript实现随机抽奖功能
Dec 30 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网页游戏学习之Xnova(ogame)源码解读(三)
2014/06/23 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
js动态设置div的值下例子
2013/10/29 Javascript
jQuery之ajax删除详解
2014/02/27 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
javascript数组去重方法汇总
2015/04/23 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
js代码验证手机号码和电话号码是否合法
2015/07/30 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
javascript鼠标滑过显示二级菜单特效
2020/11/18 Javascript
浅谈Angular中ngModel的$render
2016/10/24 Javascript
JS打开摄像头并截图上传示例
2017/02/18 Javascript
详解Vue.use自定义自己的全局组件
2017/06/14 Javascript
解决vue中监听input只能输入数字及英文或者其他情况的问题
2018/08/30 Javascript
jQuery事件blur()方法的使用实例讲解
2019/03/30 jQuery
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
vue下axios拦截器token刷新机制的实例代码
2020/01/17 Javascript
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
Python实现将sqlite数据库导出转成Excel(xls)表的方法
2017/07/17 Python
关于python的list相关知识(推荐)
2017/08/30 Python
不到20行代码用Python做一个智能聊天机器人
2019/04/19 Python
美国彩妆品牌:Coastal Scents
2017/04/01 全球购物
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
机械制造专业个人的自我评价
2013/12/28 职场文书
《桃花心木》教学反思
2014/02/17 职场文书
环保标语口号
2014/06/13 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
同事去世追悼词
2015/06/23 职场文书
2016年“11.11”光棍节活动总结
2016/04/05 职场文书
Python OpenCV实现图像模板匹配详解
2022/04/07 Python
如何使用python包中的sched事件调度器
2022/04/30 Python
SQL Server删除表中的重复数据
2022/05/25 SQL Server
Python使用Opencv打开笔记本电脑摄像头报错解问题及解决
2022/06/21 Python