介绍
这篇文章主要介绍了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如何遍历方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!