js高階函式(基於vue)

2021-10-25 09:17:29 字數 1257 閱讀 5682

1.過濾器

const nums =[10

,26,46

,82,160,62

]let nums2 = nums.

filter

(function

(n))

console.

log(nums2)

2.map
裡面的所有數字*2,再放到num3裡面

let nums3 = nums.

map(

function

(n))

console.

log(nums3)

3.資料彙總

累加

// 3.nums3裡面的所有的元素,相加求和得到result

reduce將陣列裡的資料進行彙總

累加let result = nums3.

reduce

(function

(prevalue,n),0

) console.

log(result)

/* 原理

prevalue n

第一次 0 + 20

第二次 20 + 52

第三次 72 + 92

*/

累乘
// 累乘reduce(fn(),1)

let result = nums3.

reduce

(function

(prevalue, n),1

) console.

log(result)

4.filter、map、reduce的鏈式案例
let result = nums.

filter

(function

(n))

.map

(function

(n))

.reduce

(function

(prevalue,n),0

)// 簡寫

let result = nums.

filter

(n=>n<

100)

.map

(n=>n*2)

.reduce

((prevalue,n)

=>prevalue+n,0)

console.

log(result)

```

js函式高階

fn fn.call 普通函式呼叫 則函式中this window obj.sayhello 物件呼叫 函式中this 該物件 new student 構造函式呼叫 this 例項物件 btn.onclick fun 通過事件觸發 this指的是繫結事件物件 setinterval function...

js高階函式

filter用於對陣列進行過濾。它建立乙個新陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。注意 filter 不會對空陣列進行檢測 不會改變原始陣列 其中,函式 function 為必須,陣列中的每個元素都會執行這個函式。且如果返回值為 true,則該元素被保留 函式的第乙個引數 cu...

js 函式高階

所有例項物件都有乙個特別的屬性 顯式原型與隱式原型的關係 原型鏈object.prototype function.prototype.proto 理解分類 生命週期 包含哪些屬性 函式執行上下文建立和初始化的過程 函式 測試題1 function a var a console.log typeo...