JavaScript常见集合操作


JavaScript常见集合操作


集合的遍历

FOR循环(效率最高)

  • 优点:JavaScript最普遍的for循环,执行效率最高
  • 缺点:无法遍历对象
for(let i=0;i<array.length,i++){ //operation } 

FOR…IN循环(效率较低)

  • 优点:唯一一个能够获取对象的属性名的遍历方式
  • 缺点:会将对象通过继承得到的属性一齐遍历,造成非预料的结果且效率较低
//会访问非继承的属性 for(attr in object){//attr作为属性名 //object[attr]访问值 } 
//避免访问继承的属性 for(attr in object){//attr作为属性名 if(object.hasOwnProperty(attr)){ //object[attr]访问值 } } 

FOR…OF循环(效率较高)

  • 优点:能够快速访问非继承属性值
  • 缺点:需要ES6支持
for(item of object){ //item访问值 } 

FOREACH方法(数组内置高阶方法,含义清晰)

  • 优点:函数式编程,简洁,快速领会代码含义
  • 缺点:无法对对象使用
array.forEach(function(item,index,array)){ //item为值 //index为索引 //array为被访问数组 }; 

TIPS:

  1. 在对对象进行遍历时,如不需要访问属性名选择for...of循环,如需访问属性名选择for...in循环
  2. 在对数组进行访问时,使用forEach得到较好的可读性,传统的for循环能够带来很高的性能及拓展性

集合的操作

提倡的想机器一样思考中,编程问题的解决被分为了输入,处理和输出

 

处理,是对输入数据的处理,就可以分为从输入的数据中提炼出一定的有价值的数据,并对他们做出一些操作,得到希望得到的有价值的东西,并将他输出

MAP映射

Map映射是将输入的数据中有价值的东西提取出来,转化为更有利于处理的格式

let dataAfterProcess = array.map(function(item,index,array){ //item为值 //index为索引 //array为被访问数组 return ;//返回dataAfterProcess中希望被添加的元素 }); 

REDUCE计算

Reduce计算以提取好的数据输入,并获得最终的一个结果

let output = array.reduce(function(accumulator, currentValue, currentIndex, array){ //accumulator为输出结果 //currentValue为遍历数组目前的值 //currentIndex为遍历数组目前的索引 //array为被访问数组 return ;//返回希望累加的操作 },0);//0为计算结果的初始值,默认为数组第一个元素 

TODO

在完成JS练习中,我时常会遇到以下问题待解决:

  1. Map操作中,经常会遇到需要根据已有的目标数组的情况做出相应的映射操作,但目前尚未发现怎样在Map循环中检查已映射的目标数组?
  2. 为对象实现接口使对象也具有MapReduce操作的能力


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM