javascript如何遍历方法

  介绍

这篇文章主要介绍了javascript如何遍历方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

有用到对象对象的转换成数组,然后又想到了遍历方法,所以,也想记录下

<强> 1。终止或者跳出循环

<李>

打破跳出循环体,所在循环体已结束

<李>

继续跳出本次循环,进行下一次循环,所在的循环体未结束

<李>

返回终止函数执行

,(让我=0;我& lt;5;我+ +){   如果(我==3)休息;   console.log(“是”;+ i);/*只输出0 1 2到3就跳出循环了*/}   (让我=0;我& lt;=5;我+ +){   如果(我==3)继续;   console.log(“是”;+ i);/*不输出3,因为继续跳过了,直接进入下一次循环*/}

<强> 2。遍历方法

<李>

假数据

const temporaryArray=[6, 2、3、4、5、1、1, 2, 3, 4, 5];   const objectArray=[   {   id: 1、   名称:& # 39;d # 39;   },{   id: 2   名称:& # 39;d # 39;   },{   id: 3,   名称:& # 39;c # 39;   },{   id: 1、   名称:& # 39;一个# 39;   }   ];   const temporaryObject={   答:1,   b: 2   c: 3,   d: 4,   };   const长度=temporaryArray.length; <李>

普通的循环遍历

,(让我=0;我& lt;长度;我+ +){   console.log (temporaryArray[我]);   } <李>

的循环

/*的循环主要用于遍历普通对象,   *当用它来遍历数组时候,也能达到同样的效果,   *但是这是有风险的,因为我输出为字符串形式,而不是数组需要的数字下标,   *这意味着在某些情况下,会发生字符串运算,导致数据错误   * */(让我在temporaryObject) {/* hasOwnProperty只加载自身属性*/如果(temporaryObject.hasOwnProperty(我)){   console.log (temporaryObject[我]);   }   } <李>

的循环,用于遍历可迭代的对象

(让我temporaryArray) {   console.log(我);   } <李>

forEach第一个值为数组当前索引的值,第二个为索引值,只能遍历数组,无返回值,也无法跳出循环

让=temporaryArray。forEach(函数(项目、索引){   控制台。日志(指数项);   }); <李>

地图返回新数组,只能遍历数组

temporaryArray.map(函数(项){   console.log(项);   }); <李>

过滤器是数组的内置对象,不改变原数组,有返回值

temporaryArray.filter(函数(项){   控制台。日志(% 2项==0);   }); <李>

一些判断是否有符合的值

让newArray=temporaryArray.some(函数(项){   返回项目在1;   });   console.log (newArray); <李>

每判断数组里的值是否全部符合条件

让newArray1=temporaryArray.every(函数(项){   返回项目在6;   });   console.log (newArray1); <李>

减少(函数(currentValue, currentIndex,数组){},[])

总:初始值或者计算结束后的返回值,currentValue遍历时的当前元素值,currentIndex当前索引值,数组当前数组
如果没有指定参数——空数组[],累积变量总默认是第一个元素的值
在指定参数空数组后,累积变量总数的初始值就变成了空数组

让temporaryObject3={};   让newArray2=objectArray。减少(函数(countArray currentValue) {/*利用temporaryObject3里存放id来判断原数组里的对象是否相同,若id相同,则继续下一步,不同则将该对象放入新数组中   *则countArray为去重后的数组   * */temporaryObject3 [currentValue。id] ?& # 39;& # 39;:temporaryObject3 currentValue。id]=true,,countArray.push (currentValue);   返回countArray;   },[]);   console.log (newArray2);

感谢你能够认真阅读完这篇文章,希望小编分享javascript如何遍历方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

javascript如何遍历方法