使用的API

js获取数字数组前n项和方法，用js自带的API Array.prototype.reduce方法。
都可直接直接复制代码到console窗口下运行

简单例子

var array = [0,1,2,3,4,5];
var front3Total = array.reduce(function(pre,cur,index,arr){if(index>3-1){return pre+0;}return pre+cur;
});
front3Total;

自己进行封装

简单封装下，把这方法扩展到数组API中去，也就是Array.prototype中去

var array = [0,1,2,3,4,5];
Array.prototype.getNumArrayTotal = function(num){
var total = this.reduce(function(pre,cur,index,arr){if(index>num-1){return pre+0;}return pre+cur;
});
return total;
};
console.log(array.getNumArrayTotal());//不传参数，计算数组项所有和
console.log(array.getNumArrayTotal(100));//超过数组长度也是所有项之和console.log(array.getNumArrayTotal(-1));//负数、0、1都是第一项的值,pre默认为第一项的值.
console.log(array.getNumArrayTotal(0));
console.log(array.getNumArrayTotal(1));console.log(array.getNumArrayTotal(2));

继续扩展

如何还想继续扩展的话，比如普通数组，里面含有数字字符串、boolean类型、数字、或者其他的，大家可以定义自己的规则再进行扩展。我这里在扩展下，如果数组项为数字字符串、boolean 将其转换成数字然后在求和，其他类型不做求和。主要是类型的判断和数组第0项的处理.

var array1 = ["1",true,false,"2","asdf"]
Array.prototype.getNumArrayTotal1 = function(num){
var total = this.reduce(function(pre,cur,index,arr){
var cur = Number(cur);if(index==1){//第0项要做特殊处理，如果第一项不能转换成数字将其视为0var pre = Number(pre);
if(isNaN(pre)){
pre = 0;
}if(index>num-1){
return pre+0;}
return pre+cur;
}
if(isNaN(cur)){//非数字不加当前项的值
return pre;
}else{//可以转换数字
if(index>num-1){
return pre+0;}return pre+cur;
}});
return total;
};
console.log(array1.getNumArrayTotal1());//不传参数，计算数组项所有和
console.log(array1.getNumArrayTotal1(100));//超过数组长度也是所有项之和
console.log(array1.getNumArrayTotal1(-1));//负数、0、1都是第一项的值
console.log(array1.getNumArrayTotal1(0));
console.log(array1.getNumArrayTotal1(1));
console.log(array1.getNumArrayTotal1(2));

js获取数组前n项的和相关推荐

js将数组中相同项放在一个数组
js将数组中相同项放在一个数组原本数组长这样:图一想将数组中相同项放在一个数组得到:图二转换中也可以得到:图三方法: sortArr(arr, str) {var _arr = [],_t ...
js 获取数组的深度
js 获取数组的深度通过递归的方法 getDepth(arr, depth) {var flag = false;var temp = [];for (let i = 0; i < arr.l ...
js获取数组长度-length属性的介绍
js获取数组长度-length属性的介绍 length属性 length 属性不能体现数组元素的实际个数 length 属性值动态变化对数组的影响 length属性在 js 中获取数组长度非常简单, ...
html获取数组的前三个元素,web前端：js 获取数组最后一个元素
Javascript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html(标 ...
JS - 获取数组重复项
数组-获取数组重复项场景一:有时候我们需要重复项,给用户二次确认数据场景二:只要非重复项数据场景三:把相同类型数据排列在一起以下可以满足以上场景 //数据 const List=[{name: ...
js 获取数组最后一个元素
JavaScript 获取数组的最后一个元素,JavaScript 获取Array末尾元素一.JavaScript pop() 方法 pop() 方法用于删除并返回数组的最后一个元素. 注意:pop ...
JS获取数组元素下标，获取数组元素，删除数组元素，添加数组元素
/* 获取数组元素下标 */var i=list_done.map(item=>item.text).indexOf(value);/* 获取数组元素 */var cur_item=list_d ...
js提取数组某一项的属性值，组成新数组
js提取数组某一属性值,将每一项的某个属性之,组成新数组. var arr = [{ id: 1, name: "张三" },{ id: 2, name: "李四&quo ...
Js获取数组或对象的长度
Javascript 计算Object的长度获取数组长度比较简单 Var arr=["as","da"]; arr.length不用加(); 在我们日常开 ...

js获取数组前n项的和

使用的API

简单例子

自己进行封装

继续扩展

js获取数组前n项的和相关推荐

最新文章

热门文章