av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JS實現(xiàn)數組內值累加常見的3個方法

瀏覽:24日期:2022-06-13 08:20:12
目錄一、方法一:(使用for循環(huán))二、方法二:(使用reduce方法)三、方法三:(使用forEach方法)附:js實現(xiàn)對象數組去重及數據疊加總結

怎么實現(xiàn)數組的每一個值進行累加呢?我只想到了三種方法,比較基礎,也比較常用的,如果還有其他方法可以傳授一下給我,謝謝!

一、方法一:(使用for循環(huán))// 1.定義一個數組var oldArray = [1,2,3,4,5,6,7]; // 2.定義一個初始值 0let result = 0; // 2.for循環(huán)遍歷,累加for(let i = 0; i<oldArray.length;i++){ result += oldArray[i]} console.log(result,'result') //28 result二、方法二:(使用reduce方法)// 1.定義一個數組var oldArray = [1,2,3,4,5,6,7]; // 2.定義一個新的變量接收值let result = oldArray.reduce((a,b)=>{ return a + b;}) // 3.打印console.log(result,'result') // 28 result三、方法三:(使用forEach方法)// 1.定義一個數組var oldArray = [1,2,3,4,5,6,7]; // 2.定義一個變量let result = 0; // 3.使用forEach()循環(huán)遍歷和方法一類似oldArray.forEach((item)=>{ result += item}) // // 3.打印console.log(result,'result')

以上是我想到的比較常用且實用的方法!

附:js實現(xiàn)對象數組去重及數據疊加

HTML

<template> <div><div v-for='item in list'> id:{{item.id}} - count:{{item.count}}</div><br /><div>點擊按鈕去重,count疊加</div><button @click='getData'>去重</button> </div></template>

JavaScript

<script>export default { name: 'app', data(){return { list: [{ id: 0, count: 2,},{ id: 1, count: 2,},{ id: 2, count: 2,},{ id: 3, count: 2,},{ id: 0, count: 2,},{ id: 2, count: 2,}, ]} }, methods: {getData(){ let listFilter = this.list // 定義map方法 const res = new Map(); // 過濾器過濾listFilter this.list = listFilter.filter((item) => {// res收集第一次存在的元素,如果存在,查看存在的位置,對list中的count進行疊加if(res.has(item.id)){ for(let [key,value] of res){if(key==item.id){ this.list[key].count += item.count} }}// 如果不存在,則添加到res中return !res.has(item.id) && res.set(item.id, 1) });} }}</script>總結

到此這篇關于JS實現(xiàn)數組內值累加常見的3個方法的文章就介紹到這了,更多相關JS數組內值累加內容請搜索好吧啦網以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: JavaScript
主站蜘蛛池模板: 九九免费视频 | a免费观看| 国产乱码精品1区2区3区 | 操一草| 欧美日韩综合一区 | 91av免费看| 亚洲天堂成人在线视频 | 亚洲高清在线观看 | 在线中文视频 | 操操日 | 成人免费视频网站在线看 | 日韩一区二区在线看 | 九一视频在线观看 | 91婷婷韩国欧美一区二区 | 97视频在线看 | 国产精品免费一区二区 | 国产午夜精品久久久久免费视高清 | 人人爽人人爽人人片av | 亚州影院| 日韩二区| 婷婷久久精品一区二区 | 羞羞视频免费观 | 久久激情五月丁香伊人 | 国产精品视频导航 | 午夜激情小视频 | 人人干人人舔 | 第一福利社区1024 | 欧美又大粗又爽又黄大片视频 | 在线成人一区 | 一区二区小视频 | 成人片免费看 | 亚洲精品一区二区三区四区高清 | 欧美激情久久久 | 成人伊人网 | 91精品国产日韩91久久久久久 | 久久久久久成人 | 欧美a√ | 一区二区久久 | 农村妇女毛片精品久久久 | 日韩中文在线观看 | 一区二区在线免费观看视频 |