快捷導(dǎo)航

JS實(shí)現(xiàn)數(shù)組內(nèi)值累加常見的3個(gè)方法

更新時(shí)間：2023年07月12日 10:20:29 作者：Single-Thread

這篇文章主要給大家介紹了關(guān)于JS實(shí)現(xiàn)數(shù)組內(nèi)值累加常見的3個(gè)方法,文中通過(guò)實(shí)例代碼將3個(gè)方法介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定參考借鑒價(jià)值,需要的朋友可以參考下

一、方法一：（使用for循環(huán)）

// 1.定義一個(gè)數(shù)組
var oldArray = [1,2,3,4,5,6,7];
 
// 2.定義一個(gè)初始值 0
let 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.定義一個(gè)數(shù)組
var oldArray = [1,2,3,4,5,6,7];
 
// 2.定義一個(gè)新的變量接收值
let result = oldArray.reduce((a,b)=>{
  return a + b;
})
 
// 3.打印
console.log(result,'result')  // 28 result

三、方法三：（使用forEach方法）

// 1.定義一個(gè)數(shù)組
var oldArray = [1,2,3,4,5,6,7];
 
// 2.定義一個(gè)變量
let result = 0;
 
// 3.使用forEach()循環(huán)遍歷和方法一類似
oldArray.forEach((item)=>{
  result += item
})
 
// // 3.打印
console.log(result,'result')

以上是我想到的比較常用且實(shí)用的方法！

附:js實(shí)現(xiàn)對(duì)象數(shù)組去重及數(shù)據(jù)疊加

HTML

<template>
  <div>
        <div v-for="item in list">
            id：{{item.id}} - count：{{item.count}}
        </div>
        <br />
        <div>點(diǎn)擊按鈕去重，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();
            // 過(guò)濾器過(guò)濾listFilter
            this.list = listFilter.filter((item) => {
                // res收集第一次存在的元素，如果存在，查看存在的位置，對(duì)list中的count進(jìn)行疊加
                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>

總結(jié)

到此這篇關(guān)于JS實(shí)現(xiàn)數(shù)組內(nèi)值累加常見的3個(gè)方法的文章就介紹到這了,更多相關(guān)JS數(shù)組內(nèi)值累加內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: