1. 程式人生 > >JavaScript中陣列的基本方法詳解

JavaScript中陣列的基本方法詳解

說明:①在比較第一個引數與陣列中的每一項時,將使用===操作符,即要求查詢的項必須嚴格相等;
②相容性問題,支援的瀏覽器有:IE9 +,FireFox2 +,Chrome,Safari3。

ECMAScript 6為陣列增添的新方法:map(),reduce(),filter()

①map()

語法:arr.map(函式);

功能:相當於讓arr的每個資料執行了一次()中的方法,例:

function add(a){
    return  b =a*a;
}
var arr = [1,2,3,4];
var newArr = arr.map(add);
console.log( newArr);

②reduce()

語法:arr.reduce(函式);

功能:把一個函式作用在arr的每一個元素上,它必須接收兩個引數,reduce()把結果繼續和序列的下一個元素做累積計算。例:要把[1,2,3,4,5,6]變換成整數123456,就可以用reduce()做到

function changeNumber(x,y){
      return  x * 10 + y;
 }
var arr = [1,2,3,4,5,6];
var newArr = arr.reduce(changeNumber);
console.log(newArr);

③filter()

語法:arr.filter(函式);

功能:用於把Array的某些元素過濾掉,然後返回剩下的元素,和map()類似,Array的filter()也接收一個函式。和map()不同的是,filter()把傳入的函式依次作用於每個元素,然後根據返回值是true還是false決定保留還是丟棄該元素。例:利用filter()刪除陣列中的偶數項

function deleteOushu(x){
     return x % 2 !== 0;
}
var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = arr.filter(deleteOushu);
console.log(newArr);


filter()接受的回撥函式可以有多個引數,第一個引數表示arr的某個元素,第二個引數表示元素在arr中的位置,第三個引數表示陣列本身:

var arr =["a","b","c"];
var newArr = arr.filter(function(element,index,self){
    console.log(element);     //依次列印"a","b","c"
    console.log(index);        //依次列印0,1,2
    console.log(self);           //列印arr本身
    return true;
})

相關推薦

JavaScript陣列基本方法

說明:①在比較第一個引數與陣列中的每一項時,將使用===操作符,即要求查詢的項必須嚴格相等; ②相容性問題,支援的瀏覽器有:IE9 +,FireFox2 +,Chrome,Safari3。 ECMAScript 6為陣列增添的新方法:map(),reduce(),filter() ①map() 語法:arr.

JavaScriptreturn的用法

style 返回 www log tle blog 意思 charset fun 1、定義:return 從字面上的看就是返回,官方定義return語句將終止當前函數並返回當前函數的值,可以看下下面的示例代碼: <!DOCTYPE html><html l

Java的main()方法

普通 什麽 javac 無限 reflect ase 理解 jvm cep 在Java中,main()方法是Java應用程序的入口方法,也就是說,程序在運行的時候,第一個執行的方法就是main()方法,這個方法和其他的方法有很大的不同,比如方法的名字必須是main,方法必須

JavaScript的閉包

bsp 參考 參數 med ica 如果 bar 描述 javascrip 閉包是JavaScript的重要特性,非常強大,可用於執行復雜的計算,可並不容易理解,尤其是對之前從事面向對象編程的人來說,對 JavaScript 認識和編程顯得更難。特別是在看一些開源的Java

(轉)shelltest命令方法

目的 判斷字符串 演示 警告 gic 一個數 平臺 oracl 差異 test命令用法。功能:檢查文件和比較值 原文:https://www.cnblogs.com/guanyf/p/7553940.html    1)判斷表達式   if test (表達式為真)

第149天:javascriptthis的指向

doc ava 常見 每一個 document () 學習 知識 對象 js中的this指向十分重要,了解js中this指向是每一個學習js的人必學的知識點,今天沒事,正好總結了js中this的常見用法,喜歡的可以看看: 1、全局作用域或者普通函數中this指向全局對象wi

Laravel框架的make方法

option 節奏 構建 可能 特性 關系 翻譯 空數組 過程 為什麽網上已經有這麽多的介紹Laravel的執行流程了,Laravel的容器詳解了,Laravel的特性了,Laravel的啟動過程了之類的文章,我還要來再分享呢? 因為,每個人的思維方式和方向是不一樣的,所以

PHP和javascripturl編碼解碼

http 遇到 註意 spa color 空格 www. col test 在實際開發中,我們可能會遇到路徑編碼解碼的問題,下面總結了一下: PHP中:   1、urlencode(編碼),urldecode(解碼) $a = urlencode(‘http://www.

JavaScript的邏輯運算子

今天我們來總結一下Js中的三種邏輯運算子:與 &&     或 ||     非 ! &&操作符 (全真為真,有假則假)。​​​​​ "與" 翻譯過來就是並且的意思,只有當條件1到條件n都滿足,結果才成立。

javascriptthis用法例項

JavaScript中的this含義非常豐富,它可以是全域性物件,當前物件或者是任意物件,這都取決於函式的呼叫方式。函式有以下幾種呼叫方式:作為物件方法呼叫、作為函式呼叫、作為建構函式呼叫、apply或call呼叫。 物件方法呼叫 作為物件方法呼叫的時候,this會被繫結到該物件。 ?

Servlet的getServletContext()方法

     這兩天剛剛學到這個類,看了視訊,翻了書,我覺得還是比較亂,javaee裡面的jdk也寫的比較亂,所以今天有時間整理一下吧: 其實我覺得還是從下面這段話先來解釋吧: public class ServletContext01 extends HttpSe

Javascript的 “&” 和 “|”

  轉自:https://www.jb51.net/article/104394.htm 一、前言: 在文章開始之前,先出幾個題目給大家看看: var num1 = 1 &

linuxmariadb基本用法(企業級)

資料庫 表的每一個列名字的頭   叫做欄位 是高階的exel表格軟體 資料庫種類 sqlserver  sqllite  db2   oracle  > mysql   比較多   其中my

手把手教你ExtJS從入門到放棄——篇二十四(示例21:Ext.dom.Element類操作樣式方法

只挑幾個講解: applyStyle:引數可以是如下形式,也可以是物件形式:物件的屬性為樣式如{width:300px},或者是個方法,返回值形式為 前面兩種 setStyle:跟jquery裡的css方法一樣,第一個引數是樣式屬性的key,第二個是值

jQuery的$.ajax()方法

jquery中的ajax方法引數總是記不住,這裡記錄一下。   1.url:  要求為String型別的引數,(預設為當前頁地址)傳送請求的地址。 2.type:  要求為String型別的引數,請求方式(post或get)預設為get。注意其他http請求

ArrayList的remove方法

ArrayList類中一共給出了兩種remove方法,下面來對這兩種方法詳解: 1、引數為元素下標(int型) 對於這個方法,裡面的引數是要刪除元素的下標,我們可以使用students(arraylis

JS進階篇--JS陣列reduce()方法及高階技巧

去除巢狀的思路: 用遞迴、reduce()、concat()來實現。 遞迴解決多層巢狀,reduce()解決每層陣列的迭代拼接,concat()來拼接陣列即拆除一層巢狀。 let sum = [0, 1, 2, 3].reduce(function(acc, val)

mongodb的aggregate() 方法

按照 支付狀態進行分組 db.weixin_pay_log.aggregate([ {$group:{_id:"$payStatus",count:{$sum:1},total:{$sum:"$sum"}}} ]) 支付型別payType = “5” 

javascript陣列方法

1,concat連線兩個或更多的陣列。 語法:arrayObject.concat(arrayX,arrayX,......,arrayX); 引數:必需該引數可以是具體的值,也可以是陣列物件可以是任意多個。 返回:返回一個新的陣列。該陣列是通過把所有arrayX引數新增到arrayObjec

OkHttp面試之--HttpEngine的sendRequest方法

上一節我們介紹了OkHttp網路非同步請求的整個流程。其中在流程的最後階段,我們發現最終建立了HttpEngine物件,並分別呼叫的此物件的sendRequest和readResponse方法。這兩個方法 分別有它相應的作用。這一節我們著重來分析sendRequ