目錄
js 的陣列物件有哪些
使用注意事項
首頁 web前端 js教程 js中數組函數和注意事項

js中數組函數和注意事項

Mar 13, 2018 pm 04:47 PM
javascript 函數 注意事項

本文主要和大家分享js中陣列函數和注意事項,首先我們先和大家分享js 的陣列物件有哪些,希望能幫助大家。

js 的陣列物件有哪些

  1. push       — 在陣列的末端新增一個或更多元素,並傳回新的長度。

  2. pop        — 刪除並傳回陣列的最後一個元素

  3. shift       —  刪除並傳回陣列的第一個元素

  4. #unshift   —可在陣列的開頭新增一個或更多元素,並傳回新的長度。

  5. slice     —    從某個現有的陣列傳回選定的元素

  6. sort        —  對陣列的元素進行排序

  7. join         —把陣列的所有元素放入一個字串。元素透過指定的分隔符號進行分隔。

  8. concat    — 連接兩個或更多的陣列,並傳回結果。

  9. reverse   —顛倒陣列中元素的順序。

  10. splice  — 刪除元素,並在陣列中新增元素。

使用注意事項

  1. push ,unshift  都是回傳的新的長度

  2. ##pop , shift  刪除都是返回的刪除的那個值

    var Arr1 = ['11','22','33']
    var a = Arr1.push('44');
    console.log(a);  //4
    console.log(Arr1);//["11", "22", "33", "44"]
    
    var c = Arr1.pop();
    console.log(c); //44
    console.log(Arr1);//["11", "22", "33"]
    
    var d = Arr1.pop();
    console.log(d);//33
    console.log(Arr1);//["11", "22"]
    
    var Arr2 =['a','b','c']
    var b =Arr2.unshift('-a');
    console.log(b); //4 
    console.log(Arr2); // ["-a", "a", "b", "c"]
    
    
    var e = Arr2.shift();
    console.log(e); //-a
    console.log(Arr2); // ["a", "b", "c"]
    
    var f = Arr2.shift();
    console.log(f); //a 
    console.log(Arr2); // ["b", "c"]
    登入後複製

  3. slice 和splice

    slice 返回新數組與原來數組沒有關係不會影響來源物件
    參數(start , end )從哪裡開始( 如果為負數從後面開始數),到哪裡結束(如果是負數,從尾部開始算)

    var Arr1 = ['11','22','33']
    var a = Arr1.slice(0);
    console.log(a);
    Arr1[0] = '111';
    console.log(a);
    console.log(Arr1);
    登入後複製

    splice  會來源物件進行分割

    arrayObject.splice(index,howmany,item1,.....,itemX)
    
    index   必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
    howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
    item1, ..., itemX   可选。向数组添加的新项目
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5);
    console.log(a); // ["22", "33", "44", "55"]
    console.log(Arr1); //["11"]
    
    
    var Arr1 = ['11','22','33','44','55'];
    var a = Arr1.splice(1,5,'66','77','88');
    console.log(a);["22", "33", "44", "55"]
    console.log(Arr1); ["11", "66", "77", "88"]
    登入後複製

  4. sort

    arrayObject.sort(sortby)
    sortby  可选。规定排序顺序。必须是函数。
    
    function sortNumber(a,b)
    {
    return -(a - b)
    }
    
    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    console.log(arr.sort(sortNumber))//["1000", "40", "25", "10", "5", "1"]
    登入後複製

  5. 字串和陣列的轉換

    var arr = new Array(6)
    arr[0] = "10"
    arr[1] = "5"
    arr[2] = "40"
    arr[3] = "25"
    arr[4] = "1000"
    arr[5] = "1"
    var a = arr.join('-');
    console.log(a);//10-5-40-25-1000-1
    var b = a.split('-');
    console.log(b);//["10", "5", "40", "25", "1000", "1"]
    登入後複製

  6. concat

    會產生新的陣列,不會影響原來的陣列

相關推薦:

最實用的JS陣列函數整理

##常用陣列函數有哪些

JavaScript原生陣列函數講解

以上是js中數組函數和注意事項的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

golang函數動態建立新函數的技巧 golang函數動態建立新函數的技巧 Apr 25, 2024 pm 02:39 PM

Go語言提供了兩種動態函數創建技術:closures和反射。 closures允許存取閉包作用域內的變量,而反射可使用FuncOf函數建立新函數。這些技術在自訂HTTP路由器、實現高度可自訂的系統和建置可插拔的元件方面非常有用。

C++ 函數命名中參數順序的考慮 C++ 函數命名中參數順序的考慮 Apr 24, 2024 pm 04:21 PM

在C++函數命名中,考慮參數順序至關重要,可提高可讀性、減少錯誤並促進重構。常見的參數順序約定包括:動作-物件、物件-動作、語意意義和遵循標準函式庫。最佳順序取決於函數目的、參數類型、潛在混淆和語言慣例。

如何在Java中寫出高效和可維護的函數? 如何在Java中寫出高效和可維護的函數? Apr 24, 2024 am 11:33 AM

編寫高效且可維護的Java函數的關鍵在於:保持簡潔。使用有意義的命名。處理特殊情況。使用適當的可見性。

excel函數公式大全 excel函數公式大全 May 07, 2024 pm 12:04 PM

1. SUM函數,用於對一列或一組單元格中的數字進行求和,例如:=SUM(A1:J10)。 2、AVERAGE函數,用於計算一列或一組儲存格中的數字的平均值,例如:=AVERAGE(A1:A10)。 3.COUNT函數,用於計算一列或一組單元格中的數字或文字的數量,例如:=COUNT(A1:A10)4、IF函數,用於根據指定的條件進行邏輯判斷,並返回相應的結果。

C++ 函式預設參數與可變參數的優缺點比較 C++ 函式預設參數與可變參數的優缺點比較 Apr 21, 2024 am 10:21 AM

C++函數中預設參數的優點包括簡化呼叫、增強可讀性、避免錯誤。缺點是限制靈活性、命名限制。可變參數的優點包括無限彈性、動態綁定。缺點包括複雜性更高、隱式型別轉換、除錯困難。

C++ 函式回傳參考型別有什麼好處? C++ 函式回傳參考型別有什麼好處? Apr 20, 2024 pm 09:12 PM

C++中的函數傳回參考類型的好處包括:效能提升:引用傳遞避免了物件複製,從而節省了記憶體和時間。直接修改:呼叫方可以直接修改傳回的參考對象,而無需重新賦值。程式碼簡潔:引用傳遞簡化了程式碼,無需額外的賦值操作。

自訂 PHP 函數和預定義函數之間有什麼區別? 自訂 PHP 函數和預定義函數之間有什麼區別? Apr 22, 2024 pm 02:21 PM

自訂PHP函數與預定義函數的差異在於:作用域:自訂函數僅限於其定義範圍,而預定義函數可在整個腳本中存取。定義方式:自訂函數使用function關鍵字定義,而預先定義函數則由PHP核心定義。參數傳遞:自訂函數接收參數,而預先定義函數可能不需要參數。擴充性:自訂函數可以根據需要創建,而預定義函數是內建的且無法修改。

C++ 函式異常進階:客製化錯誤處理 C++ 函式異常進階:客製化錯誤處理 May 01, 2024 pm 06:39 PM

C++中的異常處理可透過自訂異常類別增強,提供特定錯誤訊息、上下文資訊以及根據錯誤類型執行自訂操作。定義繼承自std::exception的異常類,提供特定的錯誤訊息。使用throw關鍵字拋出自訂異常。在try-catch區塊中使用dynamic_cast將捕獲到的異常轉換為自訂異常類型。在實戰案例中,open_file函數會拋出FileNotFoundException異常,捕捉並處理該異常可提供更具體的錯誤訊息。

See all articles