数组的map()

最新推荐文章于 2024-06-24 17:24:10 发布

八月的猪猪

最新推荐文章于 2024-06-24 17:24:10 发布

阅读量1.7k

点赞数 1

文章标签： js map（）数组

本文链接：https://blog.csdn.net/qq_42894622/article/details/90255798

版权

个人blog，欢迎关注加收藏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//eg1:对每个数组元素进行操作
			var arr = [1,2,3,4,5];
			var newArr = arr.map((item,index)=>{
				return item*2;
			});
			console.log(newArr);
			
			//eg2:对数组元素中的对象属性进行过滤
			var arr2 = [{"name":"a",age:11},{"name":"b",age:11},{"name":"c",age:11}];
			var newArr2 = arr2.map((item,index)=>{
				return {
					"name":item.name
				}
			});
			console.log(newArr2);
			
//			语法
			arr.map((item,index)=>{
				//item是数组中每个数组元素
				//index是item相应的下标
				//注意：会返回一个新数组，不会影响原数组
			});
			//1.map()有循环的作用，数组中每个数组元素都会执行回调函数，与forEach()的区别是map会返回新数组，forEach()
			//会改变原数组
			//2.map()有过滤的作用，能对数组中每个对象元素的属性进行筛选过滤，删除不要的属性，与filter()的区别，
			//map()不会减少数组元素的个数，filter()会删除掉一些不匹配的数组元素
		</script>
	</body>
</html>