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 相关文章推荐
HTTP状态代码以及定义(解释)
Feb 02 Javascript
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
js 限制数字 js限制输入实现代码
Dec 04 Javascript
JavaScript判断数组是否包含指定元素的方法
Jul 01 Javascript
跟我学习javascript的垃圾回收机制与内存管理
Nov 23 Javascript
JS实现为排序好的字符串找出重复行的方法
Mar 02 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
Three.js获取鼠标点击的三维坐标示例代码
Mar 24 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
Sep 25 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
vue实现节点增删改功能
Sep 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
php 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
PHP将两个关联数组合并函数提高函数效率
2014/03/18 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
javascript offsetX与layerX区别
2010/03/12 Javascript
JQueryEasyUI Layout布局框架的使用
2013/04/08 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
JavaScript对象创建模式实例汇总
2016/10/03 Javascript
Easyui的组合框的取值与赋值
2016/10/28 Javascript
基于vuejs+webpack的日期选择插件
2020/05/21 Javascript
基于javascript实现按圆形排列DIV元素(三)
2016/12/02 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
JavaScript实现一个空中避难的小游戏
2017/06/06 Javascript
js中变量的连续赋值(实例讲解)
2017/07/08 Javascript
浅谈Vue中render中的h箭头函数
2019/11/07 Javascript
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
[01:14:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS Orenda
2014/05/22 DOTA
Python字符串中查找子串小技巧
2015/04/10 Python
浅析Python多线程下的变量问题
2015/04/28 Python
探究Python中isalnum()方法的使用
2015/05/18 Python
简单解决Python文件中文编码问题
2015/11/22 Python
CentOS6.5设置Django开发环境
2016/10/13 Python
用Python写一个模拟qq聊天小程序的代码实例
2019/03/06 Python
python函数调用,循环,列表复制实例
2020/05/03 Python
python中翻译功能translate模块实现方法
2020/12/17 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
美国百货齐全的精品网站,提供美式风格的产品:Overstock.com
2016/07/22 全球购物
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
党建示范点实施方案
2014/03/12 职场文书
企业法人代表任命书
2014/06/06 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
西岭雪山导游词
2015/02/06 职场文书
婚庆答谢词大全
2015/09/29 职场文书
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js
Win11 Build 22000.51版本文件资源管理器“命令栏”和上下文菜单有什么新变化?
2021/11/21 数码科技