快捷導(dǎo)航

javascript數(shù)組中的reduce方法和pop方法

更新時(shí)間：2022年03月15日 10:20:45 作者：前端歌謠

這篇文章主要介紹了javascript數(shù)組中的reduce方法和pop方法，文章內(nèi)容介紹詳細(xì)，具有一定的參考價(jià)值需要的小伙伴可以參考一下，希望對(duì)你的學(xué)習(xí)有所幫助

一、reduce方法

1直接vs打開(kāi)

2代碼部分

var geyao=[1,3,5]
? ? let sum = arr.reduce(function(prev, cur, index, arr) {
? ? console.log(prev, cur, index);
? ? return prev + cur;
})
console.log(sum);

3運(yùn)行結(jié)果

小結(jié)：

要執(zhí)行的函數(shù)，要執(zhí)行的函數(shù)中也可傳入?yún)?shù)，分別為：

prev：上次調(diào)用函數(shù)的返回值
cur：當(dāng)前元素
index：當(dāng)前元素索引
arr：被遍歷的數(shù)組

函數(shù)迭代的初始值

二、pop方

1直接vs打開(kāi)

2代碼部分

// ? push() 在數(shù)組末尾添加元素，接收一個(gè)或多個(gè)參數(shù)
? // unshift() 在數(shù)組首位添加元素，接收一個(gè)或多個(gè)參數(shù)
? // pop() 刪除數(shù)組末尾元素
? // shift() 刪除數(shù)組第一個(gè)元素
? const geyao = ['歌謠']
? geyao.push('優(yōu)秀')
? geyao.push('強(qiáng)大')
? console.log(geyao, 'geyao')
? geyao.unshift('我是')
? console.log(geyao, 'geyao')
? geyao.pop()
? console.log(geyao, 'geyao')
? geyao.shift()
? console.log(geyao, 'geyao')

3運(yùn)行結(jié)果

小結(jié)：

// ? push() 在數(shù)組末尾添加元素，接收一個(gè)或多個(gè)參數(shù)
? // unshift() 在數(shù)組首位添加元素，接收一個(gè)或多個(gè)參數(shù)
? // pop() 刪除數(shù)組末尾元素
? // shift() 刪除數(shù)組第一個(gè)元素

到此這篇關(guān)于javascript數(shù)組中的reduce方法和pop方法的文章就介紹到這了,更多相關(guān)reduce和pop方法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JavaScript的三種BOM對(duì)象
這篇文章主要為大家介紹了JavaScript?BOM對(duì)象，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助<BR>
2021-12-12
javascript常用代碼段搜集
這篇文章主要記錄了本人搜集的幾段javascript常用代碼段，都是平時(shí)項(xiàng)目中需要用到的,需要的朋友可以參考下
2014-12-12
微信小程序控制臺(tái)提示warning:Now you can provide attr "wx:key" for a "w
這篇文章主要介紹了微信小程序控制臺(tái)提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解決方法,簡(jiǎn)單分析了wx:for警告提示相關(guān)解決方法,需要的朋友可以參考下
2019-02-02
js實(shí)現(xiàn)單擊圖片放大圖片的方法
這篇文章主要介紹了js實(shí)現(xiàn)單擊圖片放大圖片的方法,涉及javascript操作圖片的技巧與onclick事件的用法,需要的朋友可以參考下
2015-02-02
簡(jiǎn)單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)過(guò)程解析
這篇文章主要介紹了簡(jiǎn)單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-10-10
JavaScript中詭異的delete操作符
這篇文章主要介紹了JavaScript中詭異的delete操作符,本文講解了刪除對(duì)象的屬性、對(duì)數(shù)組的操作、對(duì)于變量的操作等內(nèi)容,需要的朋友可以參考下
2015-03-03
JavaScript實(shí)現(xiàn)H5接金幣功能(實(shí)例代碼)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)H5接金幣功能,本文分步驟通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-02-02
學(xué)習(xí)JavaScript事件流和事件處理程序
這篇文章主要為大家介紹了學(xué)習(xí)JavaScript事件流和事件處理程序的注意事項(xiàng)，感興趣的小伙伴們可以參考一下
2016-01-01
javascript兼容性(實(shí)例講解)
下面小編就為大家?guī)?lái)一篇javascript兼容性(實(shí)例講解)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-08-08
史上最全JavaScript數(shù)組去重的十種方法（推薦）
這篇文章主要介紹了JavaScript數(shù)組去重的十種方法,利用元素的屬性和特性進(jìn)行不同的去重方法，并實(shí)例演示如何測(cè)試去重超大數(shù)組，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。
2017-08-08