ITPub博客

首页 > Linux操作系统 > Linux操作系统 > jquery 常用的数组操作

jquery 常用的数组操作

原创 Linux操作系统 作者:天下无敌庞成勇 时间:2016-10-07 11:36:24 0 删除 编辑

点击(此处)折叠或打开

  1. <meta charset="UTF-8"/>
  2. <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
  3. <!-- jquery 操作数组 -->
  4. <script type="text/javascript">
  5.     $(function () {
  6.         var _mozi=['a1','a2','a3','a4','a5']; //本文所用到的数组, 下同
  7.         //var _mozi = {"0":"a1","1":'a2','2':'a3','3':'a4'}

  8.         /********************************************************************
  9.          * 数组的循环
  10.          ********************************************************************/
  11.         //each
  12.         $.each(_mozi,function(key,val){
  13.             //console.log('键:'+key+'=====>值=====>'+val)
  14.         });
  15.         //grep
  16.         $.grep(_mozi,function (val,key) {
  17.             //console.log('键:'+key+'=====>值=====>'+val)
  18.         });
  19.         //for(){}遍历数组
  20.         for(var i = 0;i<_mozi.length;i++){
  21.             //console.info(_mozi[i])
  22.         }
  23.         // for in
  24.         for(var i in _mozi){
  25.             //console.info(_mozi[i])
  26.         }
  27.         // forEach 循环对象的时候会报错{} http://blog.csdn.net/oscar999/article/details/8671546
  28.         _mozi.forEach(function (e) {
  29.             //console.info(e)
  30.         })

  31.         var _moziGt1=$.grep(_mozi,function(val,key){
  32.             return key>1;
  33.         },false); // 第三个参数 对返回值取反
  34.         //console.info(_moziGt1)
  35.         var _mapArrA=$.map(_mozi,function(val){
  36.             return val+'[新加]';
  37.         });
  38.         var _mapArrB=$.map(_mozi,function(val){
  39.             return val=='a1' ? '[只给a1]'+val : val;
  40.         });
  41.         var _mapArrC=$.map(_mozi,function(val){
  42.             //为数组元素扩展一个新元素
  43.             return [val,val+'[扩展]'];
  44.         });
  45.         // console.info(_mapArrC)

  46.         // 数组查找
  47.         //var _exist=$.inArray('a1',_mozi); // 如果找到的,返回的是一个大于或等于0的值,若未找到则返回-1

  48.         // 数组合并
  49.         //var res = $.merge(_mozi,['aaaa','bbbbb','ccccc']);
  50.         //console.info(res);

  51.         // reverse:将数组反序
  52.         // var res = _mozi.reverse();

  53.         // 将数组转字符串 用,号隔开
  54.         //var str_arr = _mozi+[];
  55.         //join(separator):将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符
  56.         //var res=_mozi.join();
  57.         //_mozi.toString()
  58.         /**
  59.          数组转字符串 字符串转数组
  60.          var res = _mozi.join('-');
  61.          var s='a,v,c,dw,d,s,ar,a2'; sarr = s.split(',');
  62.          * */

  63.         // 删除数组第一个和最后一个元素pop 删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined
  64.         //var arr = _mozi.pop()
  65.         //var arr = _mozi.shift()
  66.         //自定义删除 与修改
  67.         // 从下标0的开始删除 删除2个 并且吧't1','t2','t3' 插入到删除了的元素位置上
  68.         // var b = _mozi.splice(0,2,'t1','t2','t3'); // b 返回删除了的元素
  69.         //var b = a.splice(0,1); //同shift
  70.         //a.splice(0,0,-2,-1); var b = a.length; //同unshift
  71.         //var b = a.splice(a.length-1,1); //同pop
  72.         //a.splice(a.length,0,6,7); var b = a.length; //同push

  73.         //slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组
  74.         //var res = _mozi.slice(2);

  75.         // 数组添加
  76.         // 开头添加 unshift
  77.         // 尾部添加 push
  78.         // 尾部添加 concat
  79.         // var res = _mozi.unshift('test1','test2')// 在原数组上添加
  80.         // var res = _mozi.unshift(['test1','test2'])// 在原数组上添加一个数组
  81.         //push 遇到数组参数时,把整个数组参数作为一个元素;而 concat 则是拆开数组参数,一个元素一个元素地加进去。
  82.         //push 直接改变当前数组;concat 不改变当前数组。

  83.         // 数组修改
  84.         // 根据某个条件修改
  85.         /*var _mapArrB=$.map(_mozi,function(val,key){
  86.             return (key>=1 && key<=3) ? '[只给a1]'+val : val;
  87.         });
  88.         console.info(_mapArrB)*/

  89.         /**
  90.          * 查找数组包含的字符串 返回数组下标
  91.          */
  92.         function arrayFindString(arr,string)
  93.         {
  94.             var str = arr.join("");
  95.             return str.indexOf(string);
  96.         }
  97.         /**
  98.          * 把数组转换成特定符号分割的字符串
  99.          */
  100.         function arrayToString(arr,separator)
  101.         {
  102.             if(!separator) separator = "";//separator为null则默认为空
  103.             return arr.join(separator);
  104.         }

  105.         /**
  106.          * 把数组转json 对象
  107.          */
  108.         $.fn.stringify = function() {
  109.             return JSON.stringify(this);
  110.         }
  111.         var s= $(_mozi).stringify();
  112.     });
  113. </script>

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/30523439/viewspace-2125888/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: js时间大全
请登录后发表评论 登录
全部评论

注册时间:2015-10-17

  • 博文量
    10
  • 访问量
    7313