16 js的高階函式reduce

2021-10-13 07:33:33 字數 1434 閱讀 5128

需求:陣列裡所有值進行相加

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

head

>

>

>

// 需求:陣列裡所有值進行相加

const nums=[34

,4553

,345,23

,95,80

,842,22

,45]let totalnum=0;

nums.

foreach

(element =>);

console.

log(totalnum)

;script

>

body

>

html

>

lang

="en"

>

>

charset

="utf-8"

>

name

="viewport"

content

="width=device-width, initial-scale=1.0"

>

>

documenttitle

>

head

>

>

>

// reduce作用:對陣列中所有的內容進行彙總

// 需求:陣列裡所有值進行相加

const nums=[34

,4553

,345,23

,95,80

,842,22

,45]// let totalnum=0;

// nums.foreach(element => );

// console.log(totalnum);

// reduce函式有兩個引數

// 第乙個是函式,函式中包含兩個引數,totalnum是每次遍歷彙總的結果,n是陣列中的元素

// 第二個是初始化數字。類似於上面的totalnum

const result=nums.

reduce

(function

(prevalue,n),0

);console.

log(result)

;script

>

body

>

html

>

16 js動態新增樣式

有兩種方式 div.setattribute style font size 44px 一次新增多個 div.style.color white style.樣式名 樣式值 function test1 預設好兩個樣式 然後js改變class屬性值為準備好的樣式 就好了。也有兩種修改class屬性值...

高階函式之reduce

let arrone 1,2,3,4 let arrtwo let arrthree 1,2,3 4,5,6 7,8,9 let arrfour 1,2,1,2,3,4,4,5,5,5,66,6,8 1 用作單陣列數字累加器 let newonearr arrone.reduce a,b a b,0...

JS的內建函式reduce

js reduce函式,是ecmascript5規範中出現的陣列方法。在平時的工作中,相信大家使用的場景並不多,一般而言,可以通過reduce方法實現的邏輯都可以通過foreach方法來變相的實現,雖然不清楚瀏覽器的js引擎是如何在c 層面實現這兩個方法,但是可以肯定的是reduce方法肯定也存在陣...