首页

javascript数组常用过滤函数(filter,find,some,every,map,includes)代码示例

标签:js数组函数,some,filter,map,every,includes     发布时间:2022-11-07   

一、前言

为了简化javascript数组for遍历循环代码处理,可以通过filter、find、some、every、includes及map的数组函数可以快速过滤处理。

二、代码示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">@b@<html xmlns="http://www.w3.org/1999/xhtml">@b@<head> @b@<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />   @b@@b@@b@<script>@b@	let arrSource = [111,222,333,444]@b@	@b@	let arrFilter = arrSource.filter(item=>item===111)@b@	alert("1) arrFilter========"+arrFilter[0])            //1) 输出111@b@	@b@	@b@	let arrFind = arrSource.find(item=>item===222)@b@	alert("2) arrFind========"+arrFind)             //2) 输出222@b@	@b@	@b@	let isTrueSome = arrSource.some(item=>item ===333)@b@	alert("3) isTrueSome========"+isTrueSome)            //3) 包含333,结果输出true@b@	@b@	@b@	let isTrueEvery = arrSource.every(item=>item===444)@b@	alert("4) isTrueEvery========"+isTrueEvery)          //4) 所有的元素都等于444,结果输出false @b@	@b@	@b@	isTrueEvery = arrSource.every(item=>item<555)@b@	alert("5) isTrueEvery2========"+isTrueEvery)         //5) 所有元素都小于555,结果输出true@b@	 @b@	@b@	var arrMap = arrSource.map(item =>{@b@		item = item + 1;@b@		return item;@b@	}); @b@	alert("6) arrMap========"+arrMap.toString())        //6) 所有元素+1,结果输出112,223,334,445@b@	@b@	@b@	@b@	alert("7) includes========"+arrSource.includes('111'));     //7) 包含111,返回true@b@	@b@</script> @b@@b@</head>@b@<body >   </body>@b@</html>