js 数组find、map方法使用方法

        嗨，我是小路。今天主要和大家分享的主题是“js 数组find方法使用方法”。        

一、方法说明

1.find()

定义：寻找数组中是否存在元素，存在返回对应的元素，不存在反复undefined。

1.map()

定义：遍历数组，并返回数组默认数组。如果存在return 就返回一个新的数组。在遍历时，对数组数据进行格式化。

 

二、实例代码

1、数组遍历时，判断其它二元数组中是否存在对应的数据

let arr = [
		{id:1,name:'aaaa'},
		{id:2,name:'aaaa'},
		{id:3,name:'aaaa'},
		{id:4,name:'aaaa'},
		{id:5,name:'aaaa'},
	]

	let b = [
		{id:5,name:'222222'},
		{id:7,name:'222222'},
		{id:8,name:'222222'},
		{id:9,name:'222222'},
		{id:10,name:'222222'},
		{id:11,name:'222222'},
	]
	let c 
	b.map(item=>{
		c = arr.find(aItem=>{
			if(aItem.id == item.id){
				return true;
			}else{
				return false;
			}
		})
	})

2、在一些插件中，指定了必须包含某些属性

let arr = [
	{ id: 1, name: 'aaaa' },
	{ id: 2, name: 'aaaa' },
	{ id: 3, name: 'aaaa' },
	{ id: 4, name: 'aaaa' },
	{ id: 5, name: 'aaaa' },
]

let b = [
	{ id: 5, name: '222222' },
	{ id: 7, name: '222222' },
	{ id: 8, name: '222222' },
	{ id: 9, name: '222222' },
	{ id: 10, name: '222222' },
	{ id: 11, name: '222222' },
]
let c = b.map(item => {
	return { id: item.id, testName: item.name }
})

三、注意事项

       map有返回值返回的就是返回值的格式，没有返回值，默认就是原来的元素。

        find其中的判断，主要是return true 或者 false。true时，返回数组的值或对象；false时，返回undefined。不是-1。

都看到这里了，记得【点赞】+【关注】哟。