数组的高阶方法

志存高远呢

已于 2022-09-07 16:42:44 修改

阅读量350

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端 typescript

于 2022-06-15 19:37:08 首次发布

本文链接：https://blog.csdn.net/weixin_55088962/article/details/125303037

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

数组的高阶方法

1.forEach 遍历

var arr=["沸羊羊","双面龟","黑小虎"]
//1.forEach遍历
arr.forEach(function(item,index,self){
		//item被遍历的元素
		//index当前遍历的索引下标
		//self 数组对象本身
		console.log(item,index,self)
	})

在这里插入图片描述

2.map 映射

//2.map 映射出新的数组
var arr=["沸羊羊","双面龟","黑小虎"]
var arr1=arr.map(function(item,index){
		//返回数组的每一项
		return {name:item};
	})

在这里插入图片描述

3.filter 过滤

// 3.filter过滤，返回true保留,返回false过滤掉
	var arr=[1,23,4,24,5,7,7,24]
	var arr1=arr.filter(function(item){
		// 过滤掉小于5的
		return item>5
	})
	console.log(arr1)

在这里插入图片描述

利用filter数组去重

var arr2=arr.filter(function(item,index){
	// 查找item的索引下标，如果等于index，则保留
	if(arr.indexOf(item)===index){
		return true
	}else{
		return false
	}
})
console.log(arr2)

在这里插入图片描述

利用set去重

// set去重
var arr3 = [...new Set(arr)] //简写
console.log(arr3)
// set去重 核心思想
var s=new Set(arr)  
var arr3=Array.from(s)
console.log(arr3)

在这里插入图片描述

4.reduce 累计

//4.reduce 累计
	var arr=[1,2,3,4]
	var re=arr.reduce(function(a,b){
		return a*10+b
	})
	// ((10+2) *10 +3)*10+4
	console.log(re)  //re=1234;

5.some与every的区别

// 5.every 每一个返回true 则最终返回true 
	var arr=[1,2,3,4,5,6,7,8,9]
	var re1=arr.every(function(item){
		return item>5
	})
	// some 有一个返回true 则最终返回true 
	var re2=arr.some(function(item){
		return item>5
	})
	console.log(re1,"re1")
	console.log(re2,"re2")

在这里插入图片描述

6.排序

//6.sort排序
	var arr=[12,234,35,546,11,2,11]
	// a-b 从小到大排序----b-a 从大到小排序
	arr.sort(function(a,b){return a-b})
	console.log(arr)

在这里插入图片描述

find与findIndex

//7.find查找
	var arr=[1,2,3,4,5,6,7,8,9]
	var re1=arr.find(function(item,index){
		//find查找第一个大于5的数
		return item>5
	})
	console.log(re1)
	var re2=arr.findIndex(function(item,index){
		//findindex查找第一个大于5的下标
		return item>5
	})
	console.log(re2)