JavaScript 中有關數組對象的方法

来源:http://www.cnblogs.com/corvoh/archive/2016/08/14/5770780.html
-Advertisement-
Play Games

數組元素的添加、刪除、截取、合併、拷貝、插入、替換、位置、迭代、合併、字元串化 ...


JS 處理數組多種方法

js 中的數據類型分為兩大類:原始類型和對象類型。
原始類型包括:數值、字元串、布爾值、null、undefined
對象類型包括:對象即是屬性的集合,當然這裡又兩個特殊的對象----函數(js中的一等對象)、數組(鍵值的有序集合)。

數組元素的添加

arrayObj.push([item1 [item2 [. . . [itemN ]]]]);
將一個或多個新元素添加到數組結尾,並返回數組新長度

arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);
將一個或多個新元素添加到數組開始,數組中的元素自動後移,返回數組新長度

arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);
將一個或多個新元素插入到數組的指定位置,插入位置的元素自動後移,返回""

數組元素的刪除

arrayObj.pop();
移除最後一個元素並返回該元素值

arrayObj.shift();
移除最前一個元素並返回該元素值,數組中元素自動前移

arrayObj.splice(deletePos,deleteCount);
刪除從指定位置deletePos開始的指定數量deleteCount的元素,數組形式返回所移除的元素

截取與合併

arrayObj.slice(start, [end]);
以數組的形式返回數組的一部分,註意不包括 end 對應的元素,如果省略 end 將複製 start 之後的所有元素

arrayObj.concat([item1[, item2[, . . . [,itemN]]]]);
將多個數組(也可以是字元串,或者是數組和字元串的混合)連接為一個數組,返回連接好的新的數組

數組的拷貝

arrayObj.slice(0);
返回數組的拷貝數組,註意是一個新的數組,不是指向

arrayObj.concat();
返回數組的拷貝數組,註意是一個新的數組,不是指向

數組元素的排序

arrayObj.reverse();
反轉元素(最前的排到最後、最後的排到最前),返回數組地址

arrayObj.sort();
對數組元素排序,返回數組地址

數組元素的插入

arrayObj.splice(insertPos,0, [item1[, item2[, . . . [,itemN]]]]);
從 insertPos 位置插入指定的item元素,0代表刪除0個元素,返回空數組

數組元素的替換

arrayObj.splice(insertPos,replaceCount, [item1[, item2[, . . . [,itemN]]]]);
從 insertPos 位置刪除 replaceCount 個元素,再從 insertPos 位置添加指定的item元素,數組形式返回被刪除的元素

數組元素的位置

arrayObj.indexOf(findThing,start);
從要查找的起點(可選) start 開始向後找要查找的項 findThing ,找的準則是全等,找到則返回該值的位置,找不到則返回-1

arrayObj.lastIndexOf(findThing,number)
從要查找的起點(可選) start 開始向前找要查找的項 findThing ,找的準則是全等,找到則返回該值的位置,找不到則返回-1

數組元素的迭代

arrayObj.every()
對數組中的每一項運行給定的函數,如果該函數對每一項都返回 true ,則返回 true

arrayObj.filter()
對數組中的每一項運行給定的函數,返回該函數會返回 true 的項組成的數組

arrayObj.forEach()
對數組中的每一項運行給定的函數,這個方法沒有返回值

arrayObj.map()
對數組中的每一項運行給定的函數,返回每次函數調用的結果組成的數組

arrayObj.some()
對數組中的每一項運行給定的函數,如果該函數對任一項返回 true ,則返回 true

數組元素的歸併

arrayObj.reduce(prev, cur, index, array)
從數組的第一項開始,逐個便利到最後,四個參數分別為前一個值,當前值,項的索引和數組對象,函數返回的任何值會作為第一個參數自動傳給下一項
000
arrayObj.reduceRight()
從數組的最後開始,逐個便利到第一項,四個參數分別為前一個值,當前值,項的索引和數組對象,函數返回的任何值會作為第一個參數自動傳給下一項

數組元素的字元串化

arrayObj.join(separator);
返回字元串,這個字元串將數組的每一個元素值連接在一起,中間用 separator 隔開。
toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

toSource() 返回該對象的源代碼
toString() 把數組轉換為字元串,並返回結果
toLocaleString() 把數組轉換為本地數組,並返回結果
valueOf() 返回數組對象的原始值

ES5 新增

Array.prototype.indexOf
indexOf()方法返回在該數組中第一個找到的元素位置,如果它不存在則返回-1。
Array.prototype.lastIndexOf
Array.prototype.every
Array.prototype.some
Array.prototype.forEach
forEach為每個元素執行對應的方法
Array.prototype.map
map()對數組的每個元素進行一定操作(映射)後,會返回一個新的數組
map()是處理伺服器返回數據時是一個非常實用的函數
Array.prototype.filter
該filter()方法創建一個新的匹配過濾條件的數組。
Array.prototype.reduce
reduce()可以實現一個累加器的功能,將數組的每個值(從左到右)將其降低到一個值
場景: 統計一個數組中有多少個不重覆的單詞
Array.prototype.reduceRight


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前兩天偷懶,沒有堅持,今天開始,希望能堅持下去, 今天主要學習的是數據類型,關於python,數據類型主要有整型(int)、布爾類型(bool)、浮點型(float)、E記法(E) 舉例說明,整型(int)主要為整數,布爾類型(bool)為判斷,true或者false。浮點型(float)包含小數點 ...
  • 一、概述 模板方法模式在一個方法中定義一個演算法的骨架,而將一些步驟延遲到子類中。模板方法使得子類可以在不改變演算法結構的情況下,重新定義演算法中的某些步驟。 二、結構類圖 三、解決問題 模板方法就是提供一個演算法框架,框架裡面的步驟有些是父類已經定好的,有些需要子類自己實現。相當於要去辦一件事情,行動的流 ...
  • [轉載]協程三講 http://ravenw.com/blog/2011/08/24/coroutine-part-1-defination-and-classification-of-coroutine/ http://ravenw.com/blog/2011/09/01/coroutine-pa ...
  • 在學習Hibernate的過程中我們肯定會碰上一個名詞 緩存,一直都聽說緩存機制是Hibernate中的一個難點,它分為好幾種,有一級緩存,二級緩存和查詢緩存 今天呢,我就跟大家分享分享我所理解的一級緩存 要想完美的體現出緩存機制的話,我想通過查詢語句生成的sql應該就能夠很清楚的看到 那些Hibe ...
  • background-origin 設置元素背景圖片的原始起始位置。必須保證背景是background-repeat為no-repeat此屬性才會生效。可取值有 border-box | padding-box | content-box border-box:設置背景圖片原點在邊框的最左上角 pa ...
  • 簡介 Casperjs是一個基於PhantomJS和SlimerJS的前端端對端測試框架,當然你也可以使用它完成網路爬蟲功能,它的特點的通過簡單的腳本模擬瀏覽器行為, 主要有casper、tester、mouse等六大模塊,其豐富的API為開發者減少了很多壓力。 "官網casperjs" "API文 ...
  • 一、2D變換 1、transform 設置或檢索對象的轉換 取值: none::以一個含六值的(a,b,c,d,e,f)變換矩陣的形式指定一個2D變換,相當於直接應用一個[a,b,c,d,e,f]變換矩陣 translate(<length>[, <length>])。第一個參數對應X軸,第二個參數 ...
  • ECMAScript中涉及字元串大小寫轉換的方法有4個:toLowerCase()、toLocaleLowerCase()、toUpperCase()和toLocaleUpperCase()。其中,toLowerCase()和toUpperCase()是兩個經典的方法,借鑒自java.lang.St ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...