欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript之Array常見的方法詳解

 更新時間:2021年11月22日 10:54:13   作者:老__L  
這篇文章主要為大家介紹了JavaScript之Array常見的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助V

不改變原數(shù)組的方法

1、concat

用于合并兩個或多個數(shù)組。此方法不會更改現(xiàn)有數(shù)組,而是返回一個新數(shù)組。

語法:

var new_array = old_array.concat(value1[, value2[, ...[, valueN]]])

參數(shù):

ValueN(可選):

數(shù)組和/或值,將被合并到一個新的數(shù)組中。如果省略了所有 valueN 參數(shù),則 concat 會返回調用此方法的現(xiàn)存數(shù)組的一個淺拷貝。

返回值:

一個新的Array

在這里插入圖片描述

2、join

將一個數(shù)組(或一個類數(shù)組對象)的所有元素連接成一個字符串并返回這個字符串。如果數(shù)組只有一個項目,那么將返回該項目而不使用分隔符。

語法:

arr.join([separator])

參數(shù):

separator?(可選):

指定一個字符串來分隔數(shù)組的每個元素。如果需要,將分隔符轉換為字符串。如果缺省該值,數(shù)組元素用逗號(,)分隔。如果separator是空字符串(""),則所有元素之間都沒有任何字符。

返回值:

一個所有數(shù)組元素連接的字符串。如果 arr.length 為0,則返回空字符串。

在這里插入圖片描述

注意:

如果一個元素為 undefined 或 null,它會被轉換為空字符串。

3、slice

返回一個新的數(shù)組對象,這一對象是一個由 begin 和 end 決定的原數(shù)組的淺拷貝(包括 begin,不包括end)。原始數(shù)組不會被改變。

語法:

arr.slice([begin[, end]])

參數(shù):

begin(可選):提取起始處的索引(從 0 開始),從該索引開始提取原數(shù)組元素。如果該參數(shù)為負數(shù),則表示從原數(shù)組中的倒數(shù)第幾個元素開始提取,slice(-2) 表示提取原數(shù)組中的倒數(shù)第二個元素到最后一個元素(包含最后一個元素)。如果省略 begin,則 slice 從索引 0 開始。如果 begin 超出原數(shù)組的索引范圍,則會返回空數(shù)組。

end(可選):提取終止處的索引(從 0 開始),在該索引處結束提取原數(shù)組元素。slice 會提取原數(shù)組中索引從 begin 到 end 的所有元素(包含 begin,但不包含 end)。如果該參數(shù)為負數(shù), 則它表示在原數(shù)組中的倒數(shù)第幾個元素結束抽取。如果 end 被省略,則 slice 會一直提取到原數(shù)組末尾。如果 end 大于數(shù)組的長度,slice 也會一直提取到原數(shù)組末尾。

返回值:

一個含有被提取元素的新數(shù)組。

在這里插入圖片描述

4、toString

返回一個字符串,表示指定的數(shù)組及其元素。

語法:

arr.toString()

返回值:

一個表示指定的數(shù)組及其元素的字符串。

在這里插入圖片描述

改變原數(shù)組的方法

1、pop

從數(shù)組中刪除最后一個元素,并返回該元素的值。

語法:

arr.pop()

返回值

從數(shù)組中刪除的元素(當數(shù)組為空時返回undefined)。

在這里插入圖片描述

2、push

將一個或多個元素添加到數(shù)組的末尾,并返回該數(shù)組的新長度。

語法:

arr.push(element1, ..., elementN)

參數(shù):

elementN:被添加到數(shù)組末尾的元素。

返回值:

當調用該方法時,新的 length 屬性值將被返回。

在這里插入圖片描述

3、shift

從數(shù)組中刪除第一個元素,并返回該元素的值。此方法更改數(shù)組的長度。

語法:

arr.shift()

返回值:

從數(shù)組中刪除的元素; 如果數(shù)組為空則返回 undefined 。

在這里插入圖片描述

4、unshift

將一個或多個元素添加到數(shù)組的開頭,并返回該數(shù)組的新長度(該方法修改原有數(shù)組)。

語法:

arr.unshift(element1, ..., elementN)

參數(shù):

elementN:要添加到數(shù)組開頭的元素或多個元素。

返回值:

當一個對象調用該方法時,返回其 length 屬性值。

在這里插入圖片描述

5、splice

通過刪除或替換現(xiàn)有元素或者原地添加新的元素來修改數(shù)組,并以數(shù)組形式返回被修改的內容。此方法會改變原數(shù)組。

語法:

array.splice(start[, deleteCount[, item1[, item2[, ...]]]])

**參數(shù):**

start?:指定修改的開始位置(從0計數(shù))。如果超出了數(shù)組的長度,則從數(shù)組末尾開始添加內容;如果是負值,則表示從數(shù)組末位開始的第幾位(從-1計數(shù),這意味著-n是倒數(shù)第n個元素并且等價于array.length-n);如果負數(shù)的絕對值大于數(shù)組的長度,則表示開始位置為第0位。

deleteCount(可選):整數(shù),表示要移除的數(shù)組元素的個數(shù)。如果 deleteCount 大于 start 之后的元素的總數(shù),則從 start 后面的元素都將被刪除(含第 start 位)。如果 deleteCount 被省略了,或者它的值大于等于array.length - start(也就是說,如果它大于或者等于start之后的所有元素的數(shù)量),那么start之后數(shù)組的所有元素都會被刪除。如果 deleteCount 是 0 或者負數(shù),則不移除元素。這種情況下,至少應添加一個新元素。

item1, item2, …?(可選):要添加進數(shù)組的元素,從start 位置開始。如果不指定,則 splice() 將只刪除數(shù)組元素。

返回值:

由被刪除的元素組成的一個數(shù)組。如果只刪除了一個元素,則返回只包含一個元素的數(shù)組。如果沒有刪除元素,則返回空數(shù)組。

在這里插入圖片描述

6、reverse

將數(shù)組中元素的位置顛倒,并返回該數(shù)組。數(shù)組的第一個元素會變成最后一個,數(shù)組的最后一個元素變成第一個。該方法會改變原數(shù)組。

語法:

arr.reverse()

返回值:

顛倒后的數(shù)組。

在這里插入圖片描述

7、sort

用算法對數(shù)組的元素進行排序,并返回數(shù)組。

語法:

arr.sort([compareFunction])

參數(shù):

compareFunction(可選):用來指定按某種順序進行排列的函數(shù)。如果省略,元素按照轉換為的字符串的各個字符的Unicode位點進行排序。

1.firstEl:第一個用于比較的元素。

2.secondEl:第二個用于比較的元素。

返回值:

排序后的數(shù)組。

在這里插入圖片描述

總結

本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關注腳本之家的更多內容!

相關文章

  • js+html制作簡單驗證碼

    js+html制作簡單驗證碼

    這篇文章主要為大家詳細介紹了js結合html制作簡單驗證碼的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-02-02
  • p5.js入門教程之鍵盤交互

    p5.js入門教程之鍵盤交互

    這篇文章主要介紹了p5.js入門教程之鍵盤交互,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-03-03
  • javascript驗證只能輸入數(shù)字和一個小數(shù)點示例

    javascript驗證只能輸入數(shù)字和一個小數(shù)點示例

    使用javascript限制只能輸入數(shù)字和一個小數(shù)點,在某些情況下還是比較使用的,下面有個不錯的示例,感興趣的朋友可以參考下
    2013-10-10
  • JavaScript模塊化原理深入分析

    JavaScript模塊化原理深入分析

    JavaScript中的模塊化是指將每個js文件會被認為單獨一個的模塊。模塊之間是互相不可見的。如果一個模塊需要使用另一個模塊,那么需要通過指定語法來引入要使用的模塊,而且只能使用引入模塊所暴露的內容
    2022-11-11
  • JavaScript設計模式學習之代理模式

    JavaScript設計模式學習之代理模式

    這篇文章主要介紹了JavaScript設計模式學習之代理模式,對設計模式感興趣的同學,可以參考下
    2021-04-04
  • javascript實現(xiàn)div的顯示和隱藏的小例子

    javascript實現(xiàn)div的顯示和隱藏的小例子

    這篇文章介紹了在JS中實現(xiàn)DIV顯示和隱藏的實例,需要的朋友可以參考一下
    2013-06-06
  • js?實現(xiàn)div拖拽拉伸完整示例

    js?實現(xiàn)div拖拽拉伸完整示例

    這篇文章主要為大家介紹了js?實現(xiàn)div拖拽拉伸完整示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-10-10
  • JavaScript+html5 canvas制作的百花齊放效果完整實例

    JavaScript+html5 canvas制作的百花齊放效果完整實例

    這篇文章主要介紹了JavaScript+html5 canvas制作的百花齊放效果,結合完整實例形式分析了使用html5的canvas技術動態(tài)繪制圖形的技巧,需要的朋友可以參考下
    2016-01-01
  • js實現(xiàn)點贊按鈕功能的實例代碼

    js實現(xiàn)點贊按鈕功能的實例代碼

    這篇文章主要介紹了js實現(xiàn)點贊按鈕功能,本文通過實例代碼給大家介紹的非常詳細,對大家的工作或學習具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-03-03
  • JS數(shù)組按指定字段轉map-list結構(示例詳解)

    JS數(shù)組按指定字段轉map-list結構(示例詳解)

    在開發(fā)過程中經(jīng)常會出現(xiàn)接口返回整個數(shù)組,我們需要將數(shù)組進行二次處理,這篇文章主要介紹了js?數(shù)組按指定字段轉map-list結構,需要的朋友可以參考下
    2023-11-11

最新評論