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 相关文章推荐
js 操作符实例代码
Oct 24 Javascript
jQuery 获取URL参数的插件
Mar 04 Javascript
checkbox全选所涉及到的知识点介绍
Dec 31 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
Dec 31 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
Aug 31 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
Sep 19 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
Apr 10 Javascript
create-react-app安装出错问题解决方法
Sep 04 Javascript
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 Vue.js
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 数字左侧自动补0
2008/03/31 PHP
php cookie名使用点号(句号)会被转换
2014/10/23 PHP
浅谈PHP命令执行php文件需要注意的问题
2016/12/16 PHP
php报错502badgateway解决方法
2019/10/11 PHP
php使用goto实现自动重启swoole、reactphp、workerman服务的代码
2020/04/13 PHP
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
AngularJS 中的指令实践开发指南(一)
2016/03/20 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
微信小程序 参数传递详解
2016/10/24 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
图片文字识别(OCR)插件Ocrad.js教程
2018/11/26 Javascript
spring+angular实现导出excel的实现代码
2019/02/27 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
深入浅析Python中的yield关键字
2018/01/24 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
python 列表降维的实例讲解
2018/06/28 Python
解决python中使用PYQT时中文乱码问题
2019/06/17 Python
python实现数据分析与建模
2019/07/11 Python
Django与AJAX实现网页动态数据显示的示例代码
2021/02/24 Python
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
PREMIUM-MALL法国:行李、箱包及配件在线
2019/05/30 全球购物
中学生团员自我评价分享
2013/12/07 职场文书
安全资料员岗位职责
2013/12/14 职场文书
新年团拜会主持词
2014/04/02 职场文书
保密协议书范本
2014/04/22 职场文书
医院竞聘演讲稿
2014/05/16 职场文书
教师学习八项规定六项禁令思想汇报
2014/09/27 职场文书
2014年体育工作总结
2014/11/24 职场文书
2014年林业工作总结
2014/12/05 职场文书
离职证明格式样本
2015/06/12 职场文书
田径运动会通讯稿
2015/07/18 职场文书
高中历史教学反思
2016/02/19 职场文书
python分分钟绘制精美地图海报
2022/02/15 Python
python对文档中元素删除,替换操作
2022/04/02 Python