JavaScript數(shù)組常用方法

字號:


    判斷某個對象是否是數(shù)組: instanceof、Array.isArray()
    對于一個網(wǎng)頁或者一個全局作用域可以使用instanceof操作符。
    if(value instanceof Array){ //判斷value是否是數(shù)組
    }
    instanceof操作符它假設只有一個全局執(zhí)行環(huán)境,如果網(wǎng)頁包含多個框架則使用ECMAScript5新增的Array.isArray()方法。
    if(Array.isArray(value)){//判斷value是否是數(shù)組
    }
    Array.isArray()方法支持的瀏覽器有IE9+、Firefor 4+、Safari5+、Opera 10.5+、Chrome。
    如果要在未實現(xiàn)這個方法中的瀏覽器中檢查數(shù)組,則使用:
    if(Object.prototype.toString.call(value)=="[object Array]"){
    }
    將數(shù)組轉換為字符串: toLocaleString()、toString()、valueOf()、join()
    代碼如下:
    var test=['a','b','c'];
    alert(test.toString());//a,b,c
    alert(test.toLocaleString());//a,b,c
    alert(test.valueOf());//a,b,c
    alert(test);//a,b,c 默認調用toString()方法
    alert(test.join(','));//a,b,c
    alert(test.join('|'));//a|b|c
    添加和移除數(shù)組元素方法:push()、pop()、unshift()、shift()
    push()方法可以接受任意數(shù)量的參數(shù),把他們逐個加到數(shù)組末尾,并且返回數(shù)組修改后的數(shù)組長度。
    pop()方法從數(shù)組末尾移除最后一項,然后返回移除的項。
    unshift()方法在數(shù)組前端添加任意數(shù)量的參數(shù)并返回新數(shù)組長度。
    shift()方法能夠移除數(shù)組中第一個項并返回移除的項。
    代碼如下:
    var test=[];
    var count = test.push('a','b');//從數(shù)組末尾逐個添加
    count =test.push('c');
    alert(count);//3
    alert(test);//
    var item = test.pop();
    alert(item);//c
    alert(test.length);//2
    排序方法:reverse()和sort()
    reverse()方法會反轉數(shù)組項順,操作數(shù)組本身。
    sort()方法默認按升序排列數(shù)組項,操作數(shù)組本身。
    代碼如下:
    var test=[1,2,3,4,5];
    test.reverse();
    alert(test);//5,4,3,2,1
    var test2=[0,1,5,10,15];
    test2.sort();
    alert(test2);//0,1,10,15,5 sort()方法會調用每個數(shù)組項的toString()方法,比較字符串,以確定排序。所以這里排序是字符串排序
    sort()方法還可以傳入一個比較函數(shù)。
    比較函數(shù)在第一個參數(shù)應該位于第二個之前則返回一個負數(shù),如果兩個參數(shù)相等則返回0,第一個參數(shù)應該位于第二個之后則返回一個正數(shù)。
    代碼如下:
    function compare(value1,value2){
    if(value1<value2){
    return -1;
    }else if(value1>value2){
    return 1;
    }else{
    return 0;
    }
    }
    var test=[0,1,5,10,15];
    test.sort(compare);
    alert(test);//0,1,5,10,15
    操作方法:concat()、slice()、splice()
    concat()方法用于連接兩個或多個數(shù)組。該方法不會改變現(xiàn)有的數(shù)組,而僅僅會返回被連接數(shù)組的一個副本。返回一個新的數(shù)組。
    代碼如下:
    var a = [1,2,3];
    alert(a.concat(4,5));//1,2,3,4,5
    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    var arr2 = new Array(3)
    arr2[0] = "James"
    arr2[1] = "Adrew"
    arr2[2] = "Martin"
    alert(arr.concat(arr2));
    //George,John,Thomas,James,Adrew,Martin
    var arr = new Array(3)
    arr[0] = "George"
    arr[1] = "John"
    arr[2] = "Thomas"
    var arr2 = new Array(3)
    arr2[0] = "James"
    arr2[1] = "Adrew"
    arr2[2] = "Martin"
    var arr3 = new Array(2)
    arr3[0] = "William"
    arr3[1] = "Franklin"
    alert(arr.concat(arr2,arr3))
    //George,John,Thomas,James,Adrew,Martin,William,Franklin
    slice() 方法可從已有的數(shù)組中返回選定的元素。返回一個新的數(shù)組,包含從 start 到 end (不包括該元素)的 arrayObject 中的元素。
    代碼如下:
    var test =['a','b','c','d','e'];
    var arr1=test.slice(1);
    var arr2=test.slice(1,4);
    alert(arr1);//b,c,d,e
    alert(arr2);//b,c,d
    splice() 方法向/從數(shù)組中添加/刪除項目,然后返回被刪除的項目。操作數(shù)組本身。
    第一個參數(shù):起始位置、第二個參數(shù):截取的個數(shù)、第三個參數(shù):追加的新元素。
    代碼如下:
    //刪除
    var test=['a','b','c'];
    var removed=test.splice(0,1)//刪除第一項
    alert(test);//b,c
    alert(removed);//a 返回被刪除的項
    //插入
    var test2=['a','b','c'];
    var removed2=test2.splice(1,0,'d','e')//從位置1開始插入d,e
    alert(test2);//a,d,e,b,c
    alert(removed2)//空數(shù)組
    //替換
    var test3=['a','b','c'];
    var removed3=test3.splice(1,1,'d','e')//從位置1開始插入d,e
    alert(test3);//a,d,e,c
    alert(removed3)//b
    位置方法:indexOf()、lastIndexOf()
    ECMAScript5提供方法支持瀏覽器:IE9+、Firefox 2+、Safari 3+、Opera 9.5+、Chrome
    indexOf() 方法可返回某個指定的字符串值在字符串中首次出現(xiàn)的位置。
    lastIndexOf() 方法可返回一個指定的字符串值最后出現(xiàn)的位置,在一個字符串中的指定位置從后向前搜索。
    一個參數(shù)時:表示要查找的值,返回索引位置(從0開始)、兩個參數(shù)時:第一個參數(shù)表示起始位置,第二個參數(shù)表示要查找的值。
    代碼如下:
    var numbers=[1,2,3,4,5,4,3,2,1];
    alert(numbers.indexOf(4));//3
    alert(numbers.lastIndexOf(4));//5
    alert(numbers.IndexOf(4,4));//5
    alert(numbers.lastIndexOf(4,4));//3
    迭代方法:every()、filter()、forEach()、map()、some()
    ECMAScript5提供方法支持瀏覽器:IE9+、Firefox 2+、Safari 3+、Opera 9.5+、Chrome
    every():對數(shù)組中的每一項運行給定函數(shù),如果該函數(shù)對每一項都返回true,則返回true。
    filter():對數(shù)組中的每一項運行給定函數(shù),返回該函數(shù)會返回true的項組成的數(shù)組。
    forEach():對數(shù)組中的每一項運行給定函數(shù),這個方法沒有返回值。
    map():對數(shù)組中的每一項運行給定函數(shù),返回每次函數(shù)調用的結果組成的數(shù)組。
    some():對數(shù)組中的每一項運行給定函數(shù),如果該函數(shù)對任一項返回true,則返回true。
    以上函數(shù)都不會修改數(shù)組中包含的值。
    代碼如下:
    var numbers=[1,2,3,4,5,4,3,2,1];
    //every()
    var everyResult=numbers.every(function(item,index,array){
    return (item>2);
    })
    alert(everyResult);//false
    //some()
    var someResult=numbers.some(function(item,index,array){
    return (item>2);
    })
    alert(someResult);//true
    //filter()
    var filterResult=numbers.filter(function(item,index,array){
    return (item>2);
    })
    alert(filterResult);//[3,4,5,4,3]
    //map()
    var mapResult=numbers.map(function(item,index,array){
    return (item*2);
    })
    alert(mapResult);//[2,4,6,8,10,8,6,4,2]
    //forEach()
    numbers.forEach(function(item,index,array){
    //執(zhí)行操作 無返回值
    })
    歸并方法:reduce()、reduceRight()
    ECMAScript5提供方法支持瀏覽器:IE9+、Firefox 3+、Safari 4+、Opera 10.5+、Chrome
    兩個方法都會迭代數(shù)組的所以項,然后構建一個最終返回的值。reduce()方法從數(shù)組第一項開始,reduceRight()方法從數(shù)組最后開始。
    代碼如下:
    var values=[1,2,3,4,5];
    var sum=valuse.reduce(function(prev,cur,index,array){
    prev+cur;
    });
    alert(sum);//15
    以上就是本文的全部內容了,希望大家能夠喜歡。