五、數組API

一、數組的判斷

arr instance Array;

Array.isArray(arr);

方法:

1. push

作用:像數組的末尾添加一項或多項元素

參數:要添加的項

返回值:新數組的長度

是否改變原數組:改變

var ary = ['a','b','c'];

var res = ary.push('d','e');

console.log(ary);? // ["a","b","c","d","e"]

console.log(res);? // 5

2. pop

作用:刪除數組的最后一項

參數:無

返回值:被刪除的項

是否改變原數組:改變

varary = ['1','2','3'];varres = ary.pop();console.log(ary);// ['1','2']console.log(res);// 3

3. shift

作用:刪除數組的首項

參數:無

返回值:被刪除的項

是否改變原數組:改變

varary = ['a','b','c'];varres = ary.shift();console.log(ary);// ['b','c']console.log(res);// a

4. unshift

作用:向數組的開頭添加一或多項

參數:要添加的項,多項用','隔開

返回值:新數組的長度

是否改變原數組:改變

var ary = ['a','b','c'];

var res = ary.unshift('d','e');

console.log(ary);? // ["d","e","a","b","c"]

console.log(res);? // 5

5. splice

作用:增刪改

參數:ary.splice(index,howmany,item1,.....,itemX)

返回值:刪除的項

是否改變原數組:改變

增加的功能

ary.splice(n,0,x,......,y);

從數組的索引n開始,刪除0項,在索引n的前邊增加新的項,第三個參數開始都是用來填補刪除的項目位置的

varary = [1,2,3,4,5];varres = ary.splice(1,0,6,7);console.log(ary);// [1, 6, 7, 2, 3, 4, 5]console.log(res);// [] 刪除0項,返回一個空數組

刪除的功能

ary.splice(n,m);

從數組的索引n開始,刪除m項

varary = [1,2,3,4,5];varres = ary.splice(1,2);console.log(ary);// [1,4,5]console.log(res);// [2,3]

修改的功能

ary.splice(n,m,x);

從數組的索引n開始,刪除m項,把x添加到索引n前邊

varary = [1,2,3,4,5];varres = ary.splice(1,2,6,7);console.log(ary);// [1, 6, 7, 4, 5]console.log(res);// [2,3]

//模擬push(尾部添加)? 和push二者返回值不同

ary.splice(ary.length,0,新的項) //因為splice是在索引前添加,所以第一個參數為ary.length//模擬pop(尾部刪除)

ary.splice(arr.length-1,1);

//模擬shift(首項刪除)

ary.splice(0,1)

//模擬unshift(首項添加) 和unshilft二者返回值不同

ary.splice(0,0,新的項)

此外

ary.splice(n)// 表示從索引n開始刪除到末尾ary.splice(0)// 刪除整個數組 有克隆數組的效果,利用返回值

6. slice

作用:截取數組(復制數組)

參數:array.slice(start, end)

返回值:返回一個新數組

是否改變原數組:不改變

varary = [1,2,3,4,5];varres = ary.slice(1,3);varres2 = ary.slice(-3,-1)console.log(ary);// [1,2,3,4,5]console.log(res);// [2,3]console.log(res2)//[3,4] slice支持負參數,從最后一項開始算起,-1為最后一項,-2為倒數第二項slice(n)//從索引n開始復制到最后一項slice()、 slice(0)//復制整個數組

7. join

作用:用指定的分隔符將數組每一項拼接為字符串

參數:指定的分隔符,如果省略該參數,則使用逗號作為分隔符

返回值:拼接好的字符串

是否改變原數組:不改變

varary = [1,2,3,4,5];varres = ary.join('-');console.log(ary);// [1, 2, 3, 4, 5]console.log(res);// 1-2-3-4-5

8. concat

作用:用于連接兩個或多個數組

參數:參數可以是具體的值,也可以是數組對象。可以是任意多個

返回值:返回連接后的新數組

是否改變原數組:不改變

varary = [1,2,3,4,5];varres = ary.concat(6,7);varres2 = ary.concat(6,[7,8]);varres3 = ary.concat(6,[7,[8,9]]);varres4 = ary.concat();console.log(ary);// [1, 2, 3, 4, 5]console.log(res);// [1, 2, 3, 4, 5, 6, 7]console.log(res2);//[1, 2, 3, 4, 5, 6, 7, 8]console.log(res3)// [1, 2, 3, 4, 5, 6, 7, [8,9]]? concat() 如果操作的參數是數組,那么添加的是數組中的元素,而不是數組。 如果是二維(或以上)數組,concat只能'拆開'一層數組console.log(res4)// [1, 2, 3, 4, 5]? 如果concat()沒有參數或者參數是空數組也可以達到克隆數組的目的

9. sort

作用:對數組的元素進行排序

參數:可選(函數) 規定排序規則 默認排序順序為按字母升序

返回值:排好序的原數組

是否改變原數組:改變

varary = [1,5,7,9,12,24,56,87,92];varary2 = [1,5,7,9,12,24,56,87,92];varary3 = [1,5,7,9,12,24,56,87,92];varres = ary.sort();varres2 = ary2.sort(function(a,b){returna-b;

})varres3 = ary3.sort(function(a,b){returnb-a;

})// sort的參數函數總的形參a,b就是數組排序時候的相鄰比較的兩項console.log(res);// [1, 12, 24, 5, 56, 7, 87, 9, 92]console.log(res2);// [1, 5, 7, 9, 12, 24, 56, 87, 92]console.log(res3);// [92, 87, 56, 24, 12, 9, 7, 5, 1]

10. reverse

作用:倒序數組

參數:無

返回值:倒序后的原數組

是否改變原數組:改變

varary = [1,2,3,4,5];varres = ary.reverse();console.log(ary);// [5, 4, 3, 2, 1]console.log(res);// [5, 4, 3, 2, 1]

11. indexOf

作用:查找指定元素的位置

參數:array.indexOf(item,start) item:查找的元素 start:字符串中開始檢索的位置

返回值:返回第一次查到的索引,未找到返回-1

是否改變原數組: 不改變

varary = [1,2,3,4,5]varres = ary.indexOf(3);console.log(ary);// [1,2,3,4,5]console.log(res);// 2varary = ['a','b','c','d','c'];varres = ary.indexOf('c',3);console.log(res)// 4

12. lastIndexOf

作用:查找指定元素最后出現的位置

參數:array.indexOf(item,start) item:查找的元素 start:字符串中開始檢索的位置

返回值:返回查到的元素的索引,未找到返回-1

是否改變原數組:不改變

varary = ['a','b','c','d','c'];varres = ary.lastIndexOf('c',3);varres2 = ary.lastIndexOf('c',1);console.log(res);// 2console.log(res2);// -1

13. forEach

作用:循環遍歷數組每一項

參數:函數 ary.forEach(function(item,index,ary){}) item:每一項 index:索引 ary:當前數組

返回值:無

是否改變原數組: 不改變

varary = ['a','b','c']varres = ary.forEach(function(item,index,ary){console.log(item,index,ary);/*? a 0 ["a", "b", "c"]

b 1 ["a", "b", "c"]

c 2 ["a", "b", "c"]

*/returnitem;

})console.log(res)// undefined? 無返回值

14. map

作用:數組中的元素為原始數組元素調用函數處理后的值

參數:函數 ary.map(function(item,index,ary){})item:每一項index:索引 ary:當前數組

返回值:新數組

是否改變原數組:不改變

varary = ['a','b','c']varres = ary.map(function(item,index,ary){returnitem+1;

})console.log(res)// ["a1", "b1", "c1"]

15. filter

作用:創建一個新的數組,新數組中的元素是通過檢查指定數組中符合條件的所有元素。

參數:函數 ary.filter(function(item,index,ary){})item:每一項index:索引 ary:當前數組

返回值:新數組

是否改變原數組:不改變

varary = [1,2,3,4,5,6]varres = ary.filter(function(item){returnitem<3;

})console.log(res)// [1,2]

16. every

作用:檢測數組所有元素是否都符合指定條件

參數:函數 ary.every(function(item,index,ary){})item:每一項index:索引 ary:當前數組

返回值:布爾值

是否改變原數組: 不改變

varary = [1,2,3,4,5,6]varres = ary.every(function(item){returnitem<3;

})varres2 = ary.every(function(item){returnitem<7;

})console.log(res)// false;console.log(res2)// true;1 如果數組中檢測到有一個元素不滿足,則整個表達式返回false,且剩余的元素不會再進行檢測。

2 如果所有元素都滿足條件,則返回true。

17. some

作用:檢測數組中的元素是否滿足指定條件

參數:函數 ary.some(function(item,index,ary){})item:每一項index:索引 ary:當前數組

返回值:布爾值

是否改變原數組:不改變

varary = [1,2,3,4,5,6]varres = ary.some(function(item){returnitem<3;

})console.log(res)// true;1 如果有一個元素滿足條件,則表達式返回true, 剩余的元素不會再執行檢測。

2 如果沒有滿足條件的元素,則返回false。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,460評論 6 538
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,067評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,467評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,468評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,184評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,582評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,616評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,794評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,343評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,096評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,291評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,863評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,513評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,941評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,190評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,026評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,253評論 2 375

推薦閱讀更多精彩內容