数组重点方法的介绍和运用（筛选出重复的数据）

最新推荐文章于 2022-11-14 22:08:25 发布

郭郭郭憨憨

最新推荐文章于 2022-11-14 22:08:25 发布

阅读量227

点赞数 4

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_59494319/article/details/125323061

版权

数组重点方法的介绍：

数组的追加（push，shift）与删除（pop，unshift），splice，every，some，fliter，includes，map，reduce

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			let ary=[20,60,80,'你好','CSDN'];
			//数组的追加
			ary.push('YYDS');//在数组的末尾添加字符串YYDS
			ary.unshift(10);//在数组的开头添加数值10
			//数组的删除
			ary.pop();//删除数组的最后一个元素
			ary.shift();//删除数组的第一个元素
			//数组的删除与修改
			//ary.splice(function(开始删除的下标,删除的长度,要添加的内容，每添加一个元素，中间用逗号隔开))
			ary.splice(0,3,'郭','郭','郭','憨','憨');
			//every判断数组中的所有元素是否都满足条件
			let ary1=[10,20,30,40];
			let tag=ary1.every(function(item,index,self){
				return item>20;
			})
			console.log(tag);//因为有元素小于20，所以结果为false
			//some判断数组中是否有元素满足条件
			let tag1=ary.some(function(item,index,self){
				return item>20;
			})
			console.log(tag1);//因为有元素大于20，所以结果为true
			//fliter过滤出满足条件的元素
			ary2=ary1.filter(function(item,index,self){
				return item>30;
			})
			console.log(ary2);
			//includes 判断数组中是否包含某个元素，包含为正确，不包含为不正确
			console.log(ary1.includes(35));//false
			//map  对数组整体进行操作
			ary3=ary1.map(function(item,index,self){
				return item+2;
			})
			console.log(ary3);
			//reduce
			//res:是每一次的返回结果，默认第一个元素为初始值
			//ary1.reduce(回调函数,res初始值)
			let res=ary1.reduce(function(res,item,index,self){
				return res+=item;
			})
			console.log(res);
			let res1=ary1.reduce(function(res,item,index,self){
				return res+=item;
			},20)
			console.log(res1);
		</script>
	</body>
</html>

筛选重复数据代码展示：

let arr = [8,'hello',10,8,8,"hello","abc",10,5];
			let newArr=[];
			for (var i = 0; i < arr.length; i++) {
				if(!newArr.includes(arr[i])){
					newArr.push(arr[i]);
				}
			}
			console.log(newArr);