javascript數(shù)組常用方法匯總
本文為大家總結(jié)了javascript數(shù)組常用方法,具體內(nèi)容如下
1、join()方法:
Array.join()方法將數(shù)組中所以元素都轉(zhuǎn)化為字符串鏈接在一起,返回最后生成的字符串。也可以指定可選的字符串在生成的字符串中來分隔數(shù)組的各個元素。如果不指定分隔符,默認(rèn)使用逗號。案例如下:
var a=[1,2,3]; a.join();//=> "1,2,3" 因?yàn)闆]有指定分隔符,默認(rèn)為逗號。 a.join("+");//=> "1+2+3" 指定分隔符為+ a.join("-");//=> "1-2-3" 指定分隔符為-
Array.join()方法是String.split()方法的逆操作,后者是將字符串分割成若干塊創(chuàng)建一個數(shù)組。
2、 reverse()方法:
Array.reverse()方法將數(shù)組中元素進(jìn)行倒敘,返回倒敘的數(shù)組,它是在原來數(shù)組中進(jìn)行倒敘,不產(chǎn)生的新數(shù)組,返回就是原來的數(shù)組,只不過里面元素已經(jīng)進(jìn)行倒敘重排了。案例如下:
var a=[1,2,3]; a.reverse();// =>a=[3,2,1];
3、sort()方法:
Array.sort()方法將數(shù)組中的元素排序,并返回排序好的數(shù)組。如果不傳參數(shù)默認(rèn)以字母表順序進(jìn)行排序。案例如下:
var a=[4,3,1,2] a.sort();// =>[1,2,3,4] a.sort(function(a,b){return a-b;});//=>[1,2,3,4] 降序排列 a.sort(function(a,b){return b-a;});//=>[4,3,2,1] 升序排列
這里使用匿名函數(shù)很方便,因?yàn)楹瘮?shù)只使用一次就沒有必要給函數(shù)命名了。
4、concat():
Array.concat()方法創(chuàng)建并返回一個新數(shù)組,新數(shù)組中的元素包含調(diào)用數(shù)組的元素和concat()中傳入?yún)?shù)的值,傳入的參數(shù)可以是單獨(dú)數(shù)值,也可以是數(shù)組,concat()不會遞歸扁平化數(shù)組的數(shù)組。案例如下:
var a=[5,6,7]; a.concat(1,2);// =>[5,6,7,1,2]; a.concat([1,2]);// =>[5,6,7,1,2]; a.concat(3,[1,2]);// =>[5,6,7,3,1,2]; a.concat([1,[2,3]]);// =>[5,6,7,1,[2,3]];
5、slice()方法:
Array.slice()方法返回指定數(shù)組的一個片段或子數(shù)組。里面可以傳一個參數(shù)或兩個參數(shù),參數(shù)可以為正也可以為負(fù)。案例如下:
var a=[5,6,7,3,1,2]; a.slice(1)// =>[6,7,3,1,2] 數(shù)字參數(shù)指的是數(shù)組的索引,一個參數(shù)表示開始的位置,不傳第二個參數(shù)默認(rèn)為數(shù)組中元素個數(shù)。 a.slice(1,3)// =>[6,7] 第二參數(shù)是數(shù)組索引結(jié)束位置,(不包含) index>=1&&index<3; a.slice(1,-3)// =>[6,7] 當(dāng)參數(shù)中有負(fù)數(shù)時候,可以進(jìn)行轉(zhuǎn)換正數(shù),方法就是-3+6(數(shù)組里元素個數(shù)) a.slice(-3,-2)// =>[3] 同理如上。
6、splice()方法:
Array.splice()方法是在數(shù)組中插入或刪除的通用方法。它會修改調(diào)用的數(shù)組,splice()可以傳入三個參數(shù),第一參數(shù)表示刪除元素索引開始的地方,第二參數(shù)表示刪除元素總數(shù),第三參數(shù),表示插入的元素,元素插入的位置就是刪除元素開始的位置。案例如下:
var a=[5,6,7,3,1,2]; a.splice(2);// =>[7,3,1,2] a=[5,6];//傳入一個參數(shù)表示從索引開始刪除之后所有的元素。 a.splice(2,2);// =>[7,3] a=[5,6,1,2];第二個參數(shù)表示刪除元素的個數(shù)。 a.splice(2,2,'a','b','c'); //=>[7,3] a=[5,6,'a','b','c',1,2];
7、push()和 unshift()方法:
Array.push()方法就是向數(shù)組最后面添加元素,它返回的是新數(shù)組的長度;Array.unshift()方法就是向數(shù)組最前面添加元素,返回的是新數(shù)組的長度。案例如下:
var a=[1,2,3]; a.push(4,5);// a=[1,2,3,4,5]; 返回 值為5; a.unshift(4,5);// a=[4,5,1,2,3]; 返回 值為5;☆傳的參數(shù)可以一個,也可以多個。
8、pop()和 shift()方法:
Array.pop()方法就是刪除數(shù)組中最后一個元素,它返回是刪除的元素;Array.shift()方法是刪除數(shù)組最前面的元素,返回是刪除的元素。
var a=[5,6,7]; a.pop();// a=[5,6]; 返回值為 7 a.shift();// a=[6,7]; 返回值 5
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Js Jquery創(chuàng)建一個彈出層可加載一個頁面
Js Jquery創(chuàng)建一個彈出層,當(dāng)加載一個頁面進(jìn)彈出層時出現(xiàn)亂碼,示例代碼如下,大家可以參考參考2014-05-05javascript實(shí)現(xiàn)3D變換的立體圓圈實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)3D變換的立體圓圈效果,涉及javascript動態(tài)操作頁面元素實(shí)現(xiàn)滾動與變色的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08QQ跳轉(zhuǎn)支付寶并自動領(lǐng)紅包腳本(最新)
這篇文章主要給大家分享介紹了一個QQ跳轉(zhuǎn)支付寶并自動領(lǐng)紅包腳本,這個腳本應(yīng)該是最新的,測試后是可以使用的,文中給出了完整的示例代碼和使用方法,需要的朋友可以參考借鑒,下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-06-06將input框中輸入內(nèi)容顯示在相應(yīng)的div中【三種方法可選】
本篇文章主要介紹了在input框中輸入內(nèi)容,會相應(yīng)的顯示在下面的div中的不同做法:js方法;jQuery方法;AngularJs方法,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-05-05