js 数组求和,多种方法,并比较性能
可以借用下面12种方法对数组求和,创建一个长度为10w的数组,进行测试
- every() 检测数值元素的每个元素是否都符合条件。
- filter() 检测数值元素,并返回符合条件所有元素的数组。
- map() 通过指定函数处理数组的每个元素,并返回处理后的数组。
- some() 用于检测数组中的元素是否满足指定条件(函数提供)。
- reduce() 数组中的每个值(从左到右)开始合并,最终为一个值
- reduceRight() 数组中的每个值(从右到左)开始合并,最终为一个值
- eval() 计算 JavaScript 字符串,并把它作为脚本代码来执行。
- for 循环代码块一定的次数
- while 当指定的条件为 true 时循环指定的代码块
- do/while 同样当指定的条件为 true 时循环指定的代码块
- for in 循环遍历对象的属性
- forEach 调用数组中的每个元素。
具体实现:
首先创建一个庞大的数组:
var aArr = [];
for(var i = 0;i < 1000000;i++){
aArr.push(i);
}
(function(){
//every
var _sum = 0;
console.time('every求和时间');
aArr.every(function(item,index){
_sum += item;
return true;//every每个值都运行
})
console.log('every求和: '+_sum);
console.timeEnd('every求和时间'); //filter
var _sum = 0;
console.time('filter求和时间');
aArr.filter(function(item,index){
_sum += item;
})
console.log('filter求和: '+_sum);
console.timeEnd('filter求和时间'); //map
var _sum = 0;
console.time('map求和时间');
aArr.map(function(item,index){
_sum += item;
})
console.log('map求和: '+_sum);
console.timeEnd('map求和时间'); //some
var _sum = 0;
console.time('some求和时间');
aArr.some(function(item,index){
_sum += item;
})
console.log('some求和: '+_sum);
console.timeEnd('some求和时间'); //reduce
console.time('reduce求和时间');
var prev;
aArr.reduce(function(prev,item,index){
prev += item;
})
console.log('reduce求和: '+_sum);
console.timeEnd('reduce求和时间'); //reduceRight
console.time('reduceRight求和时间');
var next;
aArr.reduceRight(function(next,item,index){
prev += item;
})
console.log('reduceRight求和: '+_sum);
console.timeEnd('reduceRight求和时间'); //eval
console.time('eval求和时间');
var _sum = eval(aArr.join('+'));
console.log('eval求和: '+_sum);
console.timeEnd('eval求和时间'); //for
console.time('for(var i = 0,len = aArr.length;i < len;i++)求和时间');
var _sum = 0;
for(var i = 0,len = aArr.length;i < len;i++){
_sum += i;
}
console.log('for求和: '+_sum);
console.timeEnd('for(var i = 0,len = aArr.length;i < len;i++)求和时间'); console.time('for(var i = 0;i < aArr.length;i++)求和时间');
var _sum = 0;
for(var i = 0;i < aArr.length;i++){
_sum += i;
}
console.log('for求和: '+_sum);
console.timeEnd('for(var i = 0;i < aArr.length;i++)求和时间'); //while
console.time('while求和时间');
var _sum = 0,i = 0,_len = aArr.length;
while(i < _len){
_sum += aArr[i];
i++;
}
console.log('while求和: '+_sum);
console.timeEnd('while求和时间'); //do while
console.time('do while求和时间');
var _sum = 0,i = 0,_len = aArr.length;
do{
_sum += aArr[i];
i++;
}while(i < _len)
console.log('do while求和: '+_sum);
console.timeEnd('do while求和时间'); //forEach
var _sum = 0;
console.time('forEach求和时间');
aArr.forEach(function(item,index){
_sum += item;
return true;//every每个值都运行
})
console.log('forEach求和: '+_sum);
console.timeEnd('forEach求和时间');
})()
every求和: 4999950000
every求和时间: 5.648193359375ms
filter求和: 4999950000
filter求和时间: 3.9560546875ms
map求和: 4999950000
map求和时间: 17.988037109375ms
some求和: 4999950000
some求和时间: 6.005126953125ms
reduce求和: 4999950000
reduce求和时间: 5.129150390625ms
reduceRight求和: 4999950000
reduceRight求和时间: 4.081787109375ms
eval求和: 4999950000
eval求和时间: 43.47314453125ms
for求和: 4999950000
for(var i = 0,len = aArr.length;i < len;i++)求和时间: 2.748046875ms
for求和: 4999950000
for(var i = 0;i < aArr.length;i++)求和时间: 5.08984375ms
while求和: 4999950000
while求和时间: 4.9140625ms
do while求和: 4999950000
do while求和时间: 4.52392578125ms
forEach求和: 4999950000
forEach求和时间: 4.5830078125ms
效率最快的也就是我们用的较多的for循环(红字),但是如果不注意for的优化写法,就会导致for性能的极大降低
js 数组求和,多种方法,并比较性能的更多相关文章
- Javascript数组求和的方法总结 以及由斐波那契数列得到的启发
一次面试中,面试官要求用三种不同的Javascript方法进行一个数字数组的求和,当时思来想去只想到了使用循环这一种笨方法,因此面试比较失败,在这里总结了六种Javascript进行数组求和的方法,以 ...
- js数组求和
array1.reduce(callbackfn[, initialValue]) callback : 函数执行在数组中每个值 initialValue : 对象作为第一个参数回调的第一次调用使用 ...
- js数组去重的方法(转)
JS数组去重的几种常见方法 一.简单的去重方法 // 最简单数组去重法 /* * 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中 * IE8以下不支持数组的indexOf方法 * */ ...
- js数组高阶方法reduce经典用法代码分享
以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段,后续遇到其他使用这个函数的场景,将会陆续添加,这里作为备忘. javascript数组那么多方法,为什么我要 ...
- JS —— 数组与字符串方法
数组 1. 基本方法 1)Array.prototype.unshift(item1,item2,item3...) 描述: 在数组的前面添加元素,一次可以传入多个参数. 注意:元素会根据当前传入的 ...
- JS 数组常用的方法
数组常用的方法: x.toString()方法:任何对象都有toString方法. 将任何对象转为字符串. 一般不主动调用,系统在需要时自动调用 x.valueOf()方法:同toStr ...
- js数组的forEach方法能不能修改数组的值
如果要使用数组的forEach()方法对其改值时,需要直接通过arr[i]这种方式来更改. 请看下面代码: // 数组改值 let arr = [1,3,5,7,9]; arr.forEach(fun ...
- Js 数组的各种方法及操作
一.数组去重 var arr = [0,1,20,3,0,45,6,0]; Array.prototype.unrepeat = function(){ var array = []; for(var ...
- js将伪数组转换为标准数组的多种方法
在js中,数组是特殊的对象,凡是对象有的性质,数组都有,数组表示有序数据的集合,而对象表示无序数据的集合. 那伪数组是什么呢,当然它也是对象,伪数组一般具有以下特点: 按索引方式存储数据: 具有len ...
随机推荐
- 03-hibernate注解-关系映射级别注解-一对一
实体之间的映射关系 一对一:一个公民对应一个身份证号码 一对多(多对一):一个人可以有多个银行账号 多对多:一个学生有多个老师,一个老师有多个学生. 一对一单向外键关联 @OneToOne(casca ...
- [转载]Scikit-learn介绍几种常用的特征选择方法
#### [转载]原文地址:http://dataunion.org/14072.html 特征选择(排序)对于数据科学家.机器学习从业者来说非常重要.好的特征选择能够提升模型的性能,更能帮助我们理解 ...
- 不懂Git,别说自己是程序猿–20分钟git快速上手(转)
在Git如日中天的今天,不懂git都不好意思跟人说自己是程序猿.你是不是早就跃跃欲试了,只是苦于没有借口(契机). 好吧,机会就在今天. 给我20分钟,是的,只要20分钟, 让你快速用上git. 我们 ...
- javascript 反调试 监听用户打开了Chrome devtool
let div = document.createElement('div'); let loop = setInterval(() => { console.log(div); ...
- 自己定义滑动删除item的ListView。
首先继承创建继承ListView和实现OnTouchListener,OnGestureListener的类. 会使用到AbsList中的pointToPosition(int x, int y)方法 ...
- 关于mysql内存表的一个帖子(转载)
地址:http://bbs.csdn.net/topics/360030699 引用楼主 zgycsmb 的回复:问:1mysql的内存表性能怎么样2mysql的内存表与system v 这种共享内存 ...
- Linux编程之判断磁盘空间大小
一.引言 在开发过程中,经常会碰到这样的情况,在往指定目录下拷贝文件时,需要考虑到磁盘空间的大小是否足够来决定什么时候暂停自己的程序 二.用的函数 <sys/statfs.h> int s ...
- Oracle密码过期,取消密码180天限制
1.进入sqlplus模式 sqlplus / as sysdba; 2.帐户再改一次密码 alter user 用户名 identified by 原密码; 3.查看用户密码的有效期设置(一般默认的 ...
- python 练习题练习题2--多分支选择
题目:企业发放的奖金根据利润提成.利润(I)低于或等于10万元时,奖金可提10%:利润高于10万元,低于20万元时,低于10万元的部分按10%提成,高于10万元的部分,可提成7.5%:20万到40万之 ...
- 15.3.14 DP练习2
拦截导弹 题目 某国为了防御敌国的导弹突击,发展出一种导弹拦截系统. 可是这样的导弹拦截系统有一个缺陷:尽管它的第一发炮弹可以到达随意的高度.可是以后每一发炮弹都不能高于前一发的高度. 某天,雷达捕捉 ...