在sharepoint2013 中使用Jquery--数组

在sharepoint2013 中使用Jquery  数组

首先以我的开发经验加入2句

读取sharepoint2013文档库：所有文件夹

https://xxx.com/siteName/_api/web/GetFolderByServerRelativeUrl('/SingtelLaunchProcess')/Files 

读取sharepoint2013 List     ： 所有列表

https://xxx.sharepoint.com/_api/web/lists/getbytitle('" + projectList + "')/items                                       

先把我知道Jquery 数据列出来。

$.each(array, [callback])遍历

jQuery 对象的 $.each() 方法，此方法可用于例遍任何对象(不仅仅是数组哦~). 回调函数拥有两个参数：第一个为对象的成员或数组的索引， 第二个为对应变量或内容. 如果需要退出 each 循环可使回调函数返回 false， 其它返回值将被忽略.

each遍历，相信都不陌生，在平常的事件处理中，是for循环的变体，但比for循环强大.在数组中，它可以轻松的攻取数组索引及对应的值.例:

 

var arr = ['javascript', 'php', 'java', 'c++', 'c#', 'perl', 'vb', 'html', 'css', 'objective-c'];

$.each(arr, function(key, val) {

    // firebug console

    console.log('index in arr:' + key + ", corresponding value:" + val);

    // 如果想退出循环

    // return false;

});

写个测试

var MyLetter = ['AA','BB','CC','DDD','EE'];  

02 //用原生getElementsByTagName获取h2元素的对象集合  

03 var h2obj=document.getElementsByTagName('h2');  

04    

05 //$.each()遍历数组  

06 $('input#js_each').click(function(){  

07     $.each(MyLetter,function(key,val){  

08         //回调函数有两个参数,第一个是元素索引,第二个为当前值  

09         alert('fruit数组中，索引：'+key+'对应的值为：'+val);  

10     });  

11 }); 

 

$.grep(array, callback, [invert])过滤

var temp = [];
temp = $.grep(arr, function(val, key) {
    if(val.indexOf('c') != -1) 
        return true;
    // 如果[invert]参数不给或为false, $.grep只收集回调函数返回true的数组元素
    // 反之[invert]参数为true, $.grep收集回调函数返回false的数组元素
}, false);
console.dir(temp);

$.map(array, [callback])用的不是太多

1 2 3 4 5 6 7 8 9 10 11 12 13 14

//1.6之前的版本只支持数组 temp = $.map(arr, function (val, key) {      //返回null,返回的数组长度减1      if (val === 'vb' ) return null ;      return val; }); console.dir(temp); //1.6开始支持json格式的object var obj = {key1: 'val1' , key2: 'val2' , key3: 'val3' }; temp = $.map(obj, function (val, key) {      return val; }); console.dir(temp);

$.inArray(val, array)判断是否在指定数组中,常用

确定第一个参数在数组中的位置, 从0开始计数(如果没有找到则返回 -1 ).记得indexOf()方法了吗? indexOf()返回字符串的首次出现位置,而$.inArray()返回的是传入参数在数组中的位置,同样的,如果找到的,返回的是一个大于或等于0的值,若未找到则返回-1.现在, 知道怎么用了吧. 有了它, 判断某个值是否存在于数组中,就变得轻而易举了.

 

//返回元素在数组中的位置,0为起始位置,返回-1则未找到该元素

console.log($.inArray('javascript', arr));

测试程序

//$.inArray判断值是否在数组中,不存在返回-1,存在则返回对应索引值  
 $('input#js_inarray').click(function(){  
     var _exist=$.inArray('芒果',fruit);  
     var _inexistence=$.inArray('榴莲',fruit)  
     if(_exist>=0){  
        alert('芒果 存在于数组fruit中,其在数组中索引值是: '+_exist);  
    }  
     if(_inexistence< 0){  
         alert('榴莲 不存在于数组fruit中!,返回值为: '+_inexistence+'!');  
     }  
 }); 

 

$.merge(first, second)合并两个数组,使用频率一般

1 2 3 4 5 6 7 8 9

var frontEnd = [ 'javascript' , 'css' , 'html' ],        backEnd = [ 'java' , 'php' , 'c++' ]; // 这种方式会修改第一个参数, 即frontEnd数组 temp = $.merge(frontEnd, backEnd); console.dir(temp); console.dir(frontEnd); // 可以用下面的方式来避免对原数组的影响 // $.merge($.merge([], frontEnd), backEnd);

$.unique(array)过滤数组中的重复元素,不常用

blahblahblah....

1 2 3 4 5 6 7 8 9

// $.unique只支持DOM元素数组,去除重复DOM元素,不支持其他类型数组(String或者Number) // 获得原始的DOM数组,而不是jQuery封装的 var divs = $( 'div' ).get(); // 增加几个class为dup的div divs = divs.concat($( 'div.dup' ).get()); console.log( "before unique:" + divs.length); divs = $.unique(divs); console.log( "after unique:" + divs.length);

$.makeArray(obj)将类数组对象转成数组,不常用

1 2 3 4 5

//首先什么是类数组对象?jQuery官网上用divs = getElementsByTag('div')来做例子 //这个divs有类似数组的一些方法比如length,通过[index]方式获取元素等 //然后通过$.makeArray(divs)使它转为数组,就可以用数组的其他功能 //比如reverse(), pop()等