脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → Array 排序

Array 重排序方法和操作方法的简单实例

 更新时间：2014年01月24日 09:39:37   作者：  
下面小编就为大家简单的介绍Array中reverse(),sort(),concat(),slice(),splice()方法的应用。一起过来看看吧
复制代码 代码如下:

<!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>

您可能感兴趣的文章:

相关文章

  • 自定义PC微信扫码登录样式写法

    自定义PC微信扫码登录样式写法

    这篇文章主要介绍了自定义PC微信扫码登录样式的写法以及做了代码分析，需要的朋友学习下吧。
    2017-12-12
  • 小程序实现留言板

    小程序实现留言板

    这篇文章主要为大家详细介绍了微信小程序实现留言板，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2018-11-11
  • JavaScript判断是否是微信浏览器

    JavaScript判断是否是微信浏览器

    通过判断UA中是否有关键字micromessenger，有的话则是微信内置浏览器。下面小编给大家分享实现代码，代码简单易懂，需要的朋友可以参考下
    2016-06-06
  • 使用D3.js制作图表详解

    使用D3.js制作图表详解

    D3是目前最流行的JavaScript可视化图表库之一，D3的图表类型非常丰富，并且支持SVG格式，因此应用十分广泛，也有很多图表插件基于D3开发，比如MetricsGraphics.js，在D3上构建的数据图表非常强大。
    2017-08-08
  • js获取某元素的class里面的css属性值代码

    js获取某元素的class里面的css属性值代码

    这篇文章主要介绍了js获取某元素的class里面的css属性值代码，有需要的朋友可以参考一下
    2014-01-01
  • 一篇文章让你搞懂JavaScript 原型和原型链

    一篇文章让你搞懂JavaScript 原型和原型链

    这篇文章主要介绍了一篇文章让你搞懂JavaScript 原型和原型链，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下
    2020-11-11
  • 带你搞懂js的深拷贝

    带你搞懂js的深拷贝

    这篇文章主要为大家介绍了js的深拷贝，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
    2021-11-11
  • 引入JavaScript时alert弹出框显示中文乱码问题

    引入JavaScript时alert弹出框显示中文乱码问题

    今天在HTML中引入JavaScript文件运行时，alert弹出的提示框中文显示为乱码，怎么解决此问题呢？下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法，一起看看吧
    2017-09-09
  • 一次围绕setTimeout的前端面试经验分享

    一次围绕setTimeout的前端面试经验分享

    这篇文章主要跟大家分享了一次围绕setTimeout展开的前端面试经验，是一篇有意思的围绕setTimeout展开的前端开发考题，考察了for循环、定时器setTimeout()、JavaScript闭包、匿名函数和Promise等，一不小心你可能就会做错，快来看看你有没有掌握了上面的知识。
    2017-06-06
  • 一个表格收缩展开的函数

    一个表格收缩展开的函数

    一个表格收缩展开的函数...
    2006-07-07

最新评论