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.
JavaScript中return的用法詳解
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
(轉)shell中test命令方法詳解
目的 判斷字符串 演示 警告 gic 一個數 平臺 oracl 差異 test命令用法。功能:檢查文件和比較值 原文:https://www.cnblogs.com/guanyf/p/7553940.html 1)判斷表達式 if test (表達式為真)
第149天:javascript中this的指向詳解
doc ava 常見 每一個 document () 學習 知識 對象 js中的this指向十分重要,了解js中this指向是每一個學習js的人必學的知識點,今天沒事,正好總結了js中this的常見用法,喜歡的可以看看: 1、全局作用域或者普通函數中this指向全局對象wi
Laravel框架中的make方法詳解
option 節奏 構建 可能 特性 關系 翻譯 空數組 過程 為什麽網上已經有這麽多的介紹Laravel的執行流程了,Laravel的容器詳解了,Laravel的特性了,Laravel的啟動過程了之類的文章,我還要來再分享呢? 因為,每個人的思維方式和方向是不一樣的,所以
PHP和javascript中url編碼解碼詳解
http 遇到 註意 spa color 空格 www. col test 在實際開發中,我們可能會遇到路徑編碼解碼的問題,下面總結了一下: PHP中: 1、urlencode(編碼),urldecode(解碼) $a = urlencode(‘http://www.
JavaScript中的邏輯運算子詳解!
今天我們來總結一下Js中的三種邏輯運算子:與 && 或 || 非 ! &&操作符 (全真為真,有假則假)。 "與" 翻譯過來就是並且的意思,只有當條件1到條件n都滿足,結果才成立。
javascript中this用法例項詳解
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 &
linux中mariadb基本用法詳解(企業級)
資料庫 表的每一個列名字的頭 叫做欄位 是高階的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