遍历方法

有用到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(accumulator, currentValue, currentIndex, array) {}, initValue)accumulator：初始值或者累加计算结束后的返回值， currentValue遍历时的当前元素值，currentIndex当前索引值，array当前数组initValue为初始值，若不添加参数initValue，则accumulator为当前数组的第一个元素值，若添加，则accumulator为initValue值，累加器accumulator从initValue开始运算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);正在努力学习中，若对你的学习有帮助，留下你的印记呗（点个赞咯^_^）往期好文推荐：判断ios和Android及PC端实现文字的省略号css实现波浪线及立方体