一文搞定前端數組方法

2021-01-09 前端魚
本文總結的前端常見數組的使用方法

一、toString()

作用:

將數組轉成字符串

語法:

示例代碼如下:

二、join()

作用:

將數組轉成字符串,且能插入特定字符

語法:

示例代碼如下

三、pop()

作用:

將數組最後一位刪除,改變了原數組

語法:

示例代碼如下

四、push()

作用:

將數組最後插入新的元素(可以是任意數據類型),改變了原數組

語法:

示例代碼如下

五、shift()

作用:

將數組第一個元素刪除,改變了原數組

語法:

示例代碼如下

六、unshift()

作用:

將數組開頭添加一個元素,改變了原數組

語法:

示例代碼如下

七、splice()

作用:

1.能刪除數組中某一段元素2.能增加數組元素3.改變原數組

語法:

array.splice(m , n,...)

參數m表示要刪除(第一個)元素的索引值 (必填)參數n表示要刪除元素的長度(非必填,不填的情況下默認刪除後面所有元素)後面的參數,表示要增加的元素(非必填)

示例代碼如下

八、slice()

作用:

剪切出數組中某一片段,但不改變原數組

語法:

array.splice(m , n)

參數m表示要刪除(第一個)元素的索引值 (必填)參數n表示要刪除(末位)元素的索引值(非必填,不填的情況下默認剪切後面所有元素)

示例代碼如下

九、contact()

作用:

合併數組,生成新數組,但不改變原數組

語法:

示例代碼如下

十、filter

數組的方法,用來過濾出符合條件的數據,並存入數組;filer 方法的參數方法裡,我們可以加入正則的校驗;篩選符合特定條件的數據適用情形:

篩選出符合條件的對象數組篩選出符合條件的數字數組篩選出符合條件的字符串數組語法:

currentValue: 必選。 當前元素index:可選。當前元素所在的索引arr: 可選。當前元素所在的數組thisValue:可選。 傳遞給函數的值一般用 「this」 值。如果這個參數為空, 「undefined」 會傳遞給 「this」 值

代碼如下(示例):我列舉了篩選對象的示例代碼;數字,字符串的篩選大同小異

小結: 通常情況下,我們只傳function(currentValue)這個參數,如果需要對索引進行邏輯處理的話,可在function中增加index參數及相應邏輯代碼。 thisValue 這個參數未見使用。該方法主要用於篩選符合條件的數據並以數組的形式返回

十一、find

和filter方法類似,只不過filter返回的是一個數組而find返回的是單個元素

語法:

currentValue: 必選。 當前元素index:可選。當前元素所在的索引arr: 可選。當前元素所在的數組thisValue:可選。 傳遞給函數的值一般用 「this」 值。如果這個參數為空, 「undefined」 會傳遞給 「this」 值

代碼如下(示例):

小結: 通常情況下,我們只傳function(currentValue)這個參數,如果需要對索引進行邏輯處理的話,可在function中增加index參數及相應邏輯代碼。thisValue 這個參數未見使用。該方法主要用於返回數組中符合條件的第一個元素。

相關焦點

  • 一文搞定前端正則
    本文將從正則表達式的定義、作用、組成、常用字符簇等去介紹前端正則表達式,如果想要熟練正則表達式,那麼一定要在理解的基礎上去動手寫哦!!!
  • 你應該知道的前端小知識
    10.前端工程化一提到前端工程化很多人想到的都是webpack,這是不對的,webpack僅僅是前端工程化中的一環。在整個工程化過程中他幫我們解決了絕大多數的問題,但並沒有解決所有問題。前端工程化是通過工具提升效率,降低成本的一種手段。
  • 匯總一:Javascript數組的操作方法都有哪些,如何使用?
    數組是JS中重要的數據類型,但是要用好這個數據類型的運用,關鍵在於如何使用數組的方法,對數據進行靈活、準確、高效的處理。數組的操作方法基礎方法有splice、push和unshift、pop和shif、reverse、sort,更進階的方法有slice、concat、toString、split和join,下面從基礎的splice函數開始,一點點拿下數組。1 splice函數splice()函數是重點也是難點,基本功能是刪除數組元素,參數為空,則表示截取一個空數組,原數組不變。
  • 記錄集賦值給數組後,利用轉置函數處理多維數組的方法
    大家好,今日繼續講解VBA資料庫解決方案,今日講解的是第76講,內容是:記錄集賦值給數組後,利用轉置函數處理多維數組的方法。我在第一冊的第43講中,我講了將記錄集存入數組的方案,並通過一個Index函數在工作表中恢復數組數據的方法。今日講的是利用轉置函數來完成同樣的功能。
  • 怎麼理解php中的數組?php的數組創建和使用方法是什麼?
    數組中的元素是什麼?在數組中每一個值叫做數組的元素。也可以在方括號使用索引添加新元素,或者把新的值賦給已知數組元素。$myarray[3]=『four』;數組的創建方法PHP中,創建數組最簡單的辦法是使用array命令如下:$myarray=array(『one』,2,『three』);這段代碼是創建了一個叫$my array的數組,它包含了三個值:『one』,2,『three』,在這個數組中第一個和第三個包含了字符串,而第二個包含了一個數字。
  • Excel VBA如何定義數組,這裡有最全的數組定義方法
    Dim + 數組名定義數組用Dim關鍵字,後面的一些參數,沒有也可以,表示任意大小或任意類型的數組。Dim Arr(0 to 10)這樣就定義了一個由最小下標為0,最大下標為10的一維數組,也就是Arr數組裡面包含了從0~10的11個變量。
  • 在VBA中如何使用動態數組,以及利用動態數組去除重複值的方法
    大家好,我們今日繼續講解VBA數組與字典解決方案第22講:在VBA中如何使用動態數組,以及利用動態數組去除重複值的方法。如果文本中含有大量的重複值,此時,如果我們要剔除重複值,該怎麼辦?用VBA的方法該如何做到呢?我在這講和下一講中將解答這個問題,並提供給讀者一個可以測試的實例。今日先講這個內容要用到的知識點。
  • java之數組作為方法參數的使用
    各位小夥伴們大家好,這次小編要介紹的是java作為方法參數,返回值的使用。首先,小編要介紹的是java作為方法參數的使用。1.返回值類型:只是進行列印,不需要進行計算,也沒有結果,用void* 2.方法名稱:printArray* 3.參數列表:必須有數組,才可以列印其中的元素。
  • 前端開發者們值得了解的 11 項前端技巧
    通過以下 HTML/CSS/JavaScript 相關技巧,希望能幫助大家填補一點點關於前端開發方面的知識空白。元素這項 HTML 元素的使用頻率極低,今天我們就要為它正名!< datalist>標籤用於為< input>元素提供一項「自動補全」功能。在鍵入過程中,您會看到如下圖所示的預定義下拉菜單及選項。
  • Filter函數和ReDim語句講解,以及VBA中利用動態數組排重的方法一
    大家好,我們今日繼續講解VBA代碼解決方案的第61講內容:在VBA中如何使用動態數組,以及利用動態數組去除重複值的方法。在上一講中我們講了使用數組函數將單元格中的文本進行分隔後寫入到工作表中的方法,那麼問題來了,如果文本中含有大量的重複值,在寫入時也會將重複值寫入到工作表中,此時,如果我們要剔除重複值,該怎麼辦?用VBA的方法該如何做到呢?我在這講和下一講中將解答這個問題,並提供給讀者一個可以測試的實例。今日先講這個內容要用到的知識點。
  • 像數組又不是數組:JS函數的參數列表到底是什麼?
    但在實際使用過程中它的使用方式和數組簡直一模一樣,用起來感覺就是數組,沒有任何毛病,但實際上它並不是一個數組。arguments看起來,用起來都像是數組1 調用方法類似:都可以通過中括號下標的形式來訪問具體某個參數。
  • Excel VBA Array數組Transpose方法給列單元格區域賦值
    需要Excel原始碼的網友請點擊關注和轉發,然後直接私信回覆:原始碼因為一維數組是以行來分配地址,如果把一維數組的值給單元格列賦值,則需要用Transpose方法進行行列轉換。#005 Range("A1:E10").Value = Application.Transpose(arr) '給A1:E10單元格區域賦數組值#006 Range("A1:E10").Select
  • 一文搞定軟波導的工作原理、用途及使用方法
    打開APP 一文搞定軟波導的工作原理、用途及使用方法 佚名 發表於 2019-09-27 09:45:37 軟波導是微波設備不可缺少的一種連接器
  • 一文搞定函數的基本問題
    原標題:一文搞定函數的基本問題 還在為函數的增減性、區間取值而煩惱嗎?三角函數、指數函數、對數函數等等函數頭蒙圈了嗎? 一、函數的單調性 1.增函數和減函數 一般地,設函數f(x)的定義域為I: 如果對於屬於I內某個區間上的任意兩個自變量的值x1、x2,當x1<x2時都有f(x1)<f(x2).那麼就說f(x)在 這個區間上是增函數。
  • EXCEL中數組的應用專題之一:數組公式是如何輸入的
    在EXCEL的應用中,數組是經常用到的一個知識點,在實際工作中,巧妙的利用數組可以在實際的工作中可以得心應手,配合必要的函數和公式,可以讓你的工作變得簡單高效。數組公式就是可以同時進行多重計算並返回一種或多種結果的公式。比一般的公式要複雜些,理解上要和普通的公式加以區別。必要時要藉助VBA的思想來來考慮問題,因為數組公式的應用在很多的時候和VBA是一樣的。
  • 如何使用Numpy數組?
    【連續「Python利用Numpy數組進行數據處理(一)」】2.【聚合函數】數學和統計方法[軸和0]可以通過數組上的一組數學函數對整個數組或某個軸向的數組進行統計計算。書寫方式舉例:arr.mean() 或np.mean(arr)#mean和sum這類的函數可以接受一個axis參數(用於計算該軸向上的統計值),最終結果是一個少一維的數組:#搞清楚軸和0的問題【重要】arr.mean(axis=1)arr.sum(0)表4-5 基本數組統計方法:方法
  • 你真的了解JS中的數組嗎?——數組API的總結
    在JS中,數組是一個非常重要的知識點,不管是在面試還是在日常工作中,都非常需要;而該文章,不去深究數據的定義方法等,而只是總結相應的API並簡單的介紹相應方法的應用;如下圖所示,是我本篇文章介紹的相應的數組方法。
  • 了解什麼是數組,如何應用數組,只需1分鐘就可以秒變數組大神!
    Hi,大家好,有很多的小夥伴在私信提問能不能說說什麼是Excel數組,因為不了解什麼是數組,因此對數組公式感覺非常神秘和陌生。由於大部分人都對數組公式很陌生,我一直都在思考如何和大家介紹這個,讓所有人都可以學會的入門資料,鑑於此情此景,本文應景而生,希望本文對你的Excel的水平提高有幫助。同時希望大家交流有錯漏的請給予斧正。
  • 這3種方法都能輕鬆搞定,不用再一個一個的計算
    Hello,大家好,不知道大家在工作中有沒有遇到過區間統計的問題,對於這樣的問題,可能很多人都覺得無從下手,今天就跟大家分享幾種區間統計的方法,都可以輕鬆搞定區間統計一、SUMPRODUCT函數第三參數:F7:G8,就是我們構建的條件因為dcount是一個資料庫函數,他是根據欄位標題來查找數據的,所以我們在選擇參數的時候必須將欄位標包含在參數內三、FREQUENCY函數FREQUENCY函數的作用是:計算值在某個範圍內出現的頻率, 然後返回一個垂直的數字數組
  • 一分鐘搞定 顯示器常見故障及解決方法
    【IT168 導購】顯示器的常見故障有許多,有的故障涉及到顯示器內部電路、元件,我們無法自己搞定,只能送去維修站由專業人士搞定。但還有一部分故障,僅僅是由於顯示器設置或外部配件的原因所造成,這部分故障其實僅僅需要幾下操作或換個小配件就可以輕鬆搞定。