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之ajax技术的详细介绍
Jun 19 Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
Sep 24 Javascript
javascript简易画板开发
Apr 12 Javascript
浅谈移动端之js touch事件 手势滑动事件
Nov 07 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
原生js实现简单的模态框示例
Sep 08 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
Dec 18 Javascript
Vue事件处理原理及过程详解
Mar 11 Javascript
解决vue请求接口第一次成功,第二次失败问题
Sep 08 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定界符
2014/06/19 PHP
PHP实现的购物车类实例
2015/06/17 PHP
php实现的微信红包算法分析(非官方)
2015/09/25 PHP
PHP常见漏洞攻击分析
2016/02/21 PHP
PHP面试常用算法(推荐)
2016/07/22 PHP
YUI 读码日记之 YAHOO.util.Dom - Part.1
2008/03/22 Javascript
JavaScript 获取用户客户端操作系统版本
2009/08/25 Javascript
11款基于Javascript的文件管理器
2009/10/25 Javascript
onkeydown事件解决按回车键直接提交数据的需求
2013/04/11 Javascript
调试代码导致IE出错的避免方法
2014/04/04 Javascript
ExtJS4给Combobox设置列表中的默认值示例
2014/05/02 Javascript
一些老手都不一定知道的JavaScript技巧
2014/05/06 Javascript
js图片实时加载提供网页打开速度
2014/09/11 Javascript
如何屏蔽防止别的网站嵌入框架代码
2015/08/24 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
jQuery设置Easyui校验规则(推荐)
2016/11/21 Javascript
浅谈node的事件机制
2017/10/09 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
Vue精简版风格指南(推荐)
2018/01/30 Javascript
react 国际化的实现代码示例
2018/09/14 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
详细探究Python中的字典容器
2015/04/14 Python
深入理解Python中各种方法的运作原理
2015/06/15 Python
python入门教程之识别验证码
2017/03/04 Python
python实现k-means聚类算法
2018/02/23 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
python动态视频下载器的实现方法
2019/09/16 Python
Python 利用邮件系统完成远程控制电脑的实现(关机、重启等)
2019/11/19 Python
python交互模式基础知识点学习
2020/06/18 Python
HTML5 canvas基本绘图之文字渲染
2016/06/27 HTML / CSS
Hoka One One法国官网:美国专业跑鞋品牌
2018/12/29 全球购物
旅游管理本科生求职信
2013/10/14 职场文书
逃课打麻将检讨书
2014/10/05 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书