Js循环的几种方法
1、for 常用于循环数组
var arr = [1,2,3,4,5]
for(let i = 0;i<arr.length;i++){console.log(i)}2、for in
常用来循环对象,不建议循环数组,因为i是字符串 可能会有隐患问题,for in 循环会找到 prototype 上去,所以最好在循环体内加一个判断,就用 obj[i].hasOwnProperty(i),这样就避免遍历出太多不需要的属性
var obj = {name:'shao',age:'27'}
for(let i in obj){
if(obj[i].hasOwnProperty(i)){
console.log(i,0bj[i])
}
}3、forEach:
不用知道数组长度,只需要第一个参数(i 下标对应得value), forEach在元素被执行完之前 无法停止;如果你必须要停止,可以尝试 try catch 语句,就是在要强制退出的时候,抛出一个 error 给 catch 捕捉到,然后在 catch 里面 return,这样就能中止循环了,如果你经常用这个方法,最好自定义一个这样的 forEach 函数在你的库里。
let arr = [1,2,3];
arr.forEach( (i,index)=>{ console.log(i,index)})// 1 0// 2 1// 3 24、map:
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map必须要有返回值,否则为[undefined, undefined, undefined],长度和arr保持一致
注意:map 和 forEach 方法都是只能用来遍历数组,不能用来遍历普通对象。
let arr = [1,2,3];
let tt = arr.map( function(i){ console.log(i) return i*2;})// [2,4,6]5、for of 循环
es6语法能代替forin和foreach 注意兼容性
let arr = ['name','age'];for(let i of arr){console.log(i)}// name// age6、filter
通过一定规则过滤掉部分元素 不改变原来的数组
let arr = [1,2,3];let tt = arr.filter( function(i){ return i>1; })// [2,3]7、some()
方法用来检测数组中是否有满足条件的一个或者多个元素 如果有就返回true 不改变原数组
let arr = [1,2,3];let tt = arr.some(function(i){return i>1;})// true8、every
用来检测数组中每一项是否都符合条件 如果是就返回true 不改变原数组
let arr = [1,2,3];
let tt = arr.some(function(i){return i>1;})// 检测数组中元素是否都大于1
// false本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!