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 相关文章推荐
Ajax+Json 级联菜单实现代码
Oct 27 Javascript
form表单action提交的js部分与html部分
Jan 07 Javascript
用js的document.write输出的广告无阻塞加载的方法
Jun 05 Javascript
浅谈javascript 函数属性和方法
Jan 21 Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 Javascript
使用node+vue.js实现SPA应用
Jan 28 Javascript
js创建数组的简单方法
Jul 27 Javascript
解决vue项目中type=”file“ change事件只执行一次的问题
May 16 Javascript
浅谈vue 单文件探索
Sep 05 Javascript
详解vue更改头像功能实现
Apr 28 Javascript
生成无限制的微信小程序码的示例代码
Sep 20 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 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 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
JoshChen_php新手进阶高手不可或缺的规范介绍
2013/08/16 PHP
php实现可运算的验证码
2015/11/10 PHP
Laravel实现ORM带条件搜索分页
2019/10/24 PHP
HTTP头隐藏PHP版本号实现过程解析
2020/12/09 PHP
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
JS获取元素多层嵌套思路详解
2016/05/16 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
微信小程序 限制1M的瘦身技巧与方法详解
2017/01/06 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
关于预加载InstantClick的问题解决方法
2017/09/12 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
2018/03/23 jQuery
angular6.0使用教程之父组件通过url传递id给子组件的方法
2018/06/30 Javascript
MockJs结合json-server模拟后台数据
2020/08/26 Javascript
mpvue实现微信小程序快递单号查询代码
2020/04/03 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
python实现上传样本到virustotal并查询扫描信息的方法
2014/10/05 Python
Python/ArcPy遍历指定目录中的MDB文件方法
2018/10/27 Python
python 寻找离散序列极值点的方法
2019/07/10 Python
python获取指定日期范围内的每一天,每个月,每季度的方法
2019/08/08 Python
python hash每次调用结果不同的原因
2019/11/21 Python
python2 对excel表格操作完整示例
2020/02/23 Python
Python绘制全球疫情变化地图的实例代码
2020/04/20 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
Shopping happy life西班牙:以最优惠的价格提供最好的时尚配饰
2020/03/13 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
大学军训通讯稿
2014/01/13 职场文书
优质护理服务演讲稿
2014/05/07 职场文书
公司员工宿舍管理制度
2015/08/07 职场文书
大学生团支书竞选稿
2015/11/21 职场文书
PyTorch梯度裁剪避免训练loss nan的操作
2021/05/24 Python
Python基本数据类型之字符串str
2021/07/21 Python
CSS 实现磨砂玻璃(毛玻璃)效果样式
2023/05/21 HTML / CSS