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 相关文章推荐
javascript 三种编解码方式
Feb 01 Javascript
JS网页图片按比例自适应缩放实现方法
Jan 15 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
js实现简单锁屏功能实例
May 27 Javascript
微信小程序 wxapp内容组件 text详细介绍
Oct 31 Javascript
详解vue嵌套路由-params传递参数
May 23 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
jquery对table做排序操作的实例演示
Aug 10 jQuery
Vue组件中slot的用法
Jan 30 Javascript
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
在vue中使用v-bind:class的选项卡方法
Sep 27 Javascript
从表单校验看JavaScript策略模式的使用详解
Oct 17 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 smarty截取中文字符乱码问题?gb2312/utf-8
2011/11/07 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
yii2.0使用Plupload实现带缩放功能的多图上传
2015/12/22 PHP
Zend Framework教程之Application和Bootstrap用法详解
2016/03/10 PHP
解决安装WampServer时提示缺少msvcr110.dll文件的问题
2017/07/09 PHP
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
2007/12/08 Javascript
js模拟弹出效果代码修正版
2008/08/07 Javascript
AJAX使用了UpdatePanel后无法使用alert弹出脚本
2010/04/02 Javascript
jQuery中trigger()方法用法实例
2015/01/19 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
2015/03/20 Javascript
JQuery中ajax方法访问web服务实例
2015/07/18 Javascript
sea.js常用的api简易文档
2016/11/15 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
2017/11/29 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
uni-app实现点赞评论功能
2019/11/25 Javascript
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
Python List cmp()知识点总结
2019/02/18 Python
pandas中DataFrame修改index、columns名的方法示例
2019/08/02 Python
解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
2020/06/17 Python
python抢购软件/插件/脚本附完整源码
2021/03/04 Python
Skyscanner波兰:廉价航班
2017/11/07 全球购物
c/c++某大公司的两道笔试题
2014/02/02 面试题
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的
2015/07/24 面试题
毕业生自荐书
2013/12/18 职场文书
旅游节目策划方案
2014/05/26 职场文书
室内趣味活动方案
2014/08/24 职场文书
2014年最新党员对照检查材料汇总
2014/09/15 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
投资入股合作协议书
2014/10/28 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
高一军训感想
2015/08/07 职场文书
vue+springboot实现登录验证码
2021/05/27 Vue.js
SpringCloud中分析讲解Feign组件添加请求头有哪些坑梳理
2022/06/21 Java/Android