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 相关文章推荐
解密效果
Jun 23 Javascript
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
利用jQuery操作对象数组的实现代码
Apr 27 Javascript
jquery获取焦点和失去焦点事件代码
Apr 21 Javascript
jquery处理json数据实例分析
Jun 03 Javascript
【经验总结】编写JavaScript代码时应遵循的14条规律
Jun 20 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
Vue-cli配置打包文件本地使用的教程图解
Aug 02 Javascript
微信小程序框架wepy之动态控制类名
Sep 14 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
JS实现盒子拖拽效果
Feb 06 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模块 Memcached功能多于Memcache
2011/06/14 PHP
JavaScript实现滚动栏效果的方法
2015/04/27 PHP
关于php中一些字符串总结
2016/05/05 PHP
php异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
详谈PHP中public,private,protected,abstract等关键字的用法
2017/12/31 PHP
javascript框架设计读书笔记之模块加载系统
2014/12/02 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
聊聊JavaScript如何实现继承及特点
2017/04/07 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
原生js拖拽实现图形伸缩效果
2020/02/10 Javascript
js闭包的9个使用场景
2020/12/29 Javascript
python下如何让web元素的生成更简单的分析
2008/07/17 Python
Python中统计函数运行耗时的方法
2015/05/05 Python
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
python thrift搭建服务端和客户端测试程序
2018/01/17 Python
python中的json总结
2018/10/11 Python
Python3内置模块之json编解码方法小结【推荐】
2020/12/09 Python
Haglöfs瑞典官方网站:haglofs火柴棍,欧洲顶级户外品牌
2018/10/18 全球购物
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
Nayomi官网:沙特阿拉伯王国睡衣和内衣品牌
2020/12/19 全球购物
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
Goodee官方商店:迷你投影仪
2021/03/15 全球购物
如何在.net Winform里面显示PDF文档
2012/09/11 面试题
护理专业毕业生自荐信范文
2014/01/05 职场文书
全神贯注教学反思
2014/02/03 职场文书
高三上学期学习自我评价
2014/04/23 职场文书
法律专业求职信
2014/05/24 职场文书
2014年学习厉行节约反对浪费思想汇报
2014/09/10 职场文书
小学毕业感言100字
2015/07/30 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
公安干警正风肃纪心得体会
2016/01/15 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
《植树问题》教学反思
2016/03/03 职场文书
数据库之SQL技巧整理案例
2021/07/07 SQL Server
springboot 启动如何排除某些bean的注入
2021/08/02 Java/Android