大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍了javascript如何遍历方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
10多年的都兰网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。全网整合营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整都兰建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“都兰网站设计”,“都兰网站推广”以来,每个客户项目都认真落实执行。
有用到object对象的转换成数组,然后又想到了遍历方法,所以,也想记录下
1. 终止或者跳出循环
break跳出循环体,所在循环体已结束
continue跳出本次循环,进行下一次循环,所在的循环体未结束
return 终止函数执行
for (let i = 0; i < 5; i++) { if (i == 3) break; console.log("The number is " + i); /* 只输出 0 , 1 , 2 , 到3就跳出循环了 */ } for (let i = 0; i <= 5; i++) { if (i == 3) continue; console.log("The number is " + i); /* 不输出3,因为continue跳过了,直接进入下一次循环 */ }
2.遍历方法
假数据
const temporaryArray = [6,2,3,4,5,1,1,2,3,4,5]; const objectArray = [ { id: 1, name: 'd' }, { id: 2, name: 'd' }, { id: 3, name: 'c' }, { id: 1, name: 'a' } ]; const temporaryObject = { a: 1, b: 2, c: 3, d: 4, }; const length = temporaryArray.length;
普通for循环遍历
for(let i = 0; i < length; i++) { console.log(temporaryArray[i]); }
for in 循环
/* for in 循环主要用于遍历普通对象, * 当用它来遍历数组时候,也能达到同样的效果, * 但是这是有风险的,因为 i 输出为字符串形式,而不是数组需要的数字下标, * 这意味着在某些情况下,会发生字符串运算,导致数据错误 * */ for(let i in temporaryObject) { /* hasOwnProperty只加载自身属性 */ if(temporaryObject.hasOwnProperty(i)) { console.log(temporaryObject[i]); } }
for of 循环,用于遍历可迭代的对象
for(let i of temporaryArray) { console.log(i); }
forEach 第一个值为数组当前索引的值,第二个为索引值,只能遍历数组,无返回值,也无法跳出循环
let a = temporaryArray.forEach(function(item, index) { console.log(index, item); });
map 返回新数组,只能遍历数组
temporaryArray.map(function(item) { console.log(item); });
filter 是数组的内置对象,不改变原数组,有返回值
temporaryArray.filter(function(item) { console.log(item%2 == 0); });
some判断是否有符合的值
let newArray = temporaryArray.some(function(item) { return item > 1; }); console.log(newArray);
every判断数组里的值是否全部符合条件
let newArray1 = temporaryArray.every(function(item) { return item > 6; }); console.log(newArray1);
reduce(function(total, currentValue, currentIndex, array) {}, [])
total:初始值或者计算结束后的返回值, currentValue遍历时的当前元素值,currentIndex当前索引值,array当前数组
如果没有指定参数-空数组[],累积变量total默认是第一个元素的值
在指定参数空数组后,累积变量total的初始值就变成了空数组
let temporaryObject3 = {}; let newArray2 = objectArray.reduce(function(countArray, currentValue) { /* 利用temporaryObject3里存放id来判断原数组里的对象是否相同,若id相同,则继续下一步,不同则将该对象放入新数组中 * 则countArray为去重后的数组 * */ temporaryObject3[currentValue.id] ? '' : temporaryObject3[currentValue.id] = true && countArray.push(currentValue); return countArray; }, []); console.log(newArray2);
感谢你能够认真阅读完这篇文章,希望小编分享javascript如何遍历方法内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!