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一句话全选/取消全选
Mar 01 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
Apr 30 Javascript
node.js中的fs.readFileSync方法使用说明
Dec 15 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
javascript中json基础知识详解
Jan 19 Javascript
原生JS实现圣旨卷轴展开效果
Mar 06 Javascript
微信小程序实现轮播图效果
Sep 07 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
Jul 08 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 Javascript
layui时间控件选择时间范围的实现方法
Sep 28 Javascript
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
微信小程序实现下滑到底部自动翻页功能
Mar 07 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
在JavaScript中调用php程序
2009/03/09 PHP
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
自制PHP框架之模型与数据库
2017/05/07 PHP
js弹出层之1:JQuery.Boxy (二)
2011/10/06 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
深入理解JavaScript编程中的同步与异步机制
2015/06/24 Javascript
Node.js中如何合并两个复杂对象详解
2016/12/31 Javascript
yii form 表单提交之前JS在提交按钮的验证方法
2017/03/15 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
vue自定义指令之面板拖拽的实现
2019/04/14 Javascript
开源一个微信小程序仪表盘组件过程解析
2019/07/30 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
Django框架下在URLconf中指定视图缓存的方法
2015/07/23 Python
Python判断某个用户对某个文件的权限
2016/10/13 Python
Python实现分段线性插值
2018/12/17 Python
python 自定义对象的打印方法
2019/01/12 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
实例详解python函数的对象、函数嵌套、名称空间和作用域
2019/05/31 Python
python基于gevent实现并发下载器代码实例
2019/11/01 Python
django中media媒体路径设置的步骤
2019/11/15 Python
python能开发游戏吗
2020/06/11 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
python性能测试工具locust的使用
2020/12/28 Python
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
北美领先的牛仔品牌:Buffalo David Bitton
2017/05/22 全球购物
英国最大的在线运动补充剂商店:Discount Supplements
2017/06/03 全球购物
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
美国办公用品折扣网站:Shoplet.com
2019/11/24 全球购物
工程资料员岗位职责
2014/03/10 职场文书
基层党支部公开承诺书
2014/05/29 职场文书
个人承诺书格式
2014/06/03 职场文书
goland 设置project gopath的操作
2021/05/06 Golang