案例讲解JavaScript数组元素求与的6种方法
发表时间：2025-11-13 来源：浏览器大全整理相关软件相关文章人气：
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
JavaScript是前端开发中必不可少的一部分，数组是JavaScript中重要的一部分，你知道如何给数组元素求和吗？这篇文章结合实例给大家分享JS数组求和的六种方法，有一定的参考价值，感兴趣的朋友可以看看。
以数组 arr = [1,2,3,4,5,1]为例，求数组中元素的和，具体方法如下：
方法1、for循环方法
for方法可以循环遍历数组，从而给数组元素求和
var arr = [1,2,3,4,5,1];
function getSumfor(arr){
var sum = 0;
for(var i = 0;i<arr.length;i++){
sum += arr[i];
}
return sum ;
}
console.log(getSumfor(arr));计算结果如图所示：
方法2、every方法
every() 可以检测数组中每个元素是否都符合条件，从而求和
var arr = [1,2,3,4,5,1];
function getSumevery(arr){
var sum = 0;
arr.forEach( function(item){
sum += item ;
});
return sum ;
}
console.log(getSumevery(arr));方法3、some方法
some方法可以用来检测数组中的元素是否满足指定条件，从而给数组元素求和
var arr = [1,2,3,4,5,1];
function getSumSome(arr){
var sum = 0;
arr.some( function(item){
sum += item ;
return false;
});
return sum ;
}
console.log(getSumSome(arr));方法4、map方法
map()方法可以通过指定的函数处理数组的每个元素，然后返回处理后的数组。
var arr = [1,2,3,4,5,1];
function getSumMap(arr){
var sum = 0;
arr.map( function(item){
sum += item ;
});
return sum ;
}
console.log(getSumMap(arr)); 方法5、filter方法
filter()方法可以检测数组中的元素，并返回符合条件的所有元素的数组。
var arr = [1,2,3,4,5,1];
function getSumFilter(arr){
var sum = 0;
arr.filter( function(item){
sum += item ;
});
return sum ;
}
console.log(getSumFilter(arr)); 方法6、foreach方法
forEach可以调用数组中的每个元素
var arr = [1,2,3,4,5,1];
function getSumForEach(arr){
var sum = 0;
arr.forEach( function(item){
sum += item ;
});
return sum ;
}
console.log(getSumForEach(arr));以上给大家介绍了JavaScript中数组元素求和的六种方法，分别是for，every，some，map，filter，foreach，如有知识点不清楚的小伙伴可以参考 JavaScript视频教程，希望这篇文章对你有所帮助！
以上就是实例讲解JavaScript数组元素求和的六种方法的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
