数组常用的循环方式

循环方法 说明
forEach 不可终止循环
some 返回true终止循环
findIndex 返回true可以终止循环,返回满足条件的索引
filter 返回过滤后的数组
  • forEach
var list = [
	{
		id:1,
		userName:'王小小',
		age:24,
	},
	{
		id:2,
		userName:'李四',
		age:14,
	},
	{
		id:3,
		userName:'张三',
		age:33,
	}
]

list.forEach((item,i)=>{
	console.log('id:'+item.id+';'+'姓名:'+item.userName+';'+'年龄:'+item.age)
})

打印结果

id:1;姓名:王小小;年龄:24
id:2;姓名:李四;年龄:14
id:3;姓名:张三;年龄:33
  • some
var list = [
	{
		id:1,
		userName:'王小小',
		age:24,
	},
	{
		id:2,
		userName:'李四',
		age:14,
	},
	{
		id:3,
		userName:'张三',
		age:33,
	}
]

list.some((item,i)=>{
	if(item.id ===2) {
		console.log('id:'+item.id+';'+'姓名:'+item.userName+';'+'年龄:'+item.age)
		//返回true 终止循环
		return true
	}
})

打印结果

id:2;姓名:李四;年龄:14
true
  • findIndex
var list = [
	{
		id:1,
		userName:'王小小',
		age:24,
	},
	{
		id:2,
		userName:'李四',
		age:14,
	},
	{
		id:3,
		userName:'张三',
		age:33,
	}
]

var index=list.findIndex(item=>{
	if(item.id ===2) {
		return true
	}
})
console.log(index)

打印结果

1
  • filter
var list = [
   {
   	id:1,
   	userName:'王小小',
   	age:24,
   },
   {
   	id:2,
   	userName:'李四',
   	age:14,
   },
   {
   	id:3,
   	userName:'张三',
   	age:33,
   }
]

var arr=list.filter(item=>{
   return item.age>18
})
console.log(arr)

打印结果

[{id:1,userName:'王小小',age:24,},{id:3,userName:'张三',age:33,}]
发布了9 篇原创文章 · 获赞 0 · 访问量 1391

猜你喜欢

转载自blog.csdn.net/qq_38475901/article/details/99632530