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 相关文章推荐
select、radio表单回显功能实现避免使用jquery载入赋值
Jun 08 Javascript
Ajax提交与传统表单提交的区别说明
Feb 07 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
jQuery消息提示框插件Tipso
May 04 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
原生JS封装Ajax插件(同域、jsonp跨域)
May 03 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
Jun 27 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
使用JS获取页面上的所有标签
Oct 18 Javascript
Vue动态路由缓存不相互影响的解决办法
Feb 19 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
Jan 05 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
Apr 26 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
怎样辨别一杯好咖啡
2021/03/03 新手入门
php实现单链表的实例代码
2013/03/22 PHP
PHP实现图片旋转效果实例代码
2014/10/01 PHP
标准PHP的AES加密算法类
2015/03/12 PHP
php通过PHPExcel导入Excel表格到MySQL数据库的简单实例
2016/10/29 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
2010/11/25 Javascript
JavaScript格式化数字的函数代码
2010/11/30 Javascript
深入理解javascript变量声明
2014/11/20 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
Vue中props的详解
2019/05/16 Javascript
jQuery实现的分页插件完整示例
2020/05/26 jQuery
vue 解决兄弟组件、跨组件深层次的通信操作
2020/07/27 Javascript
Python标准库笔记struct模块的使用
2018/02/22 Python
pycharm远程linux开发和调试代码的方法
2018/07/17 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
postman模拟访问具有Session的post请求方法
2019/07/15 Python
使用python实现滑动验证码功能
2019/08/05 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
纯CSS3+DIV实现小三角形边框效果的示例代码
2020/08/03 HTML / CSS
html5调用app分享功能示例(WebViewJavascriptBridge)
2018/03/21 HTML / CSS
Toppik顶丰增发纤维官网:解决头发稀疏
2017/12/30 全球购物
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
路由表示做什么用的?在linux环境中怎么来配置一条默认路由?
2013/06/07 面试题
交通专业个人自荐信格式
2013/09/23 职场文书
审计工作个人的自我评价
2013/12/25 职场文书
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
作弊检讨书1000字
2014/02/01 职场文书
森林防火工作方案
2014/02/14 职场文书
2016年社会主义核心价值观心得体会
2016/01/21 职场文书
导游词之无锡东林书院
2019/12/11 职场文书
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA