33-vue项目用到的js数组方法

①filter()

  过滤器。留下符合某条件的元素,作为一个新数组返回。
代码示例

deleteCompleteTodos(){
    
    
	//将已经选中的todo过滤出来
	this.todos = this.todos.filter(todo=> !todo.complete);
}

  

②map():

  理解:从一个数组中的每个对象元素中抽取个别属性,作为一个对象放在相同的下标位置,要用数组的map方法。
  括号里要写抽取元素,结果返回的是新数组
代码示例

const users = result.items.map(item => ({  //item是数组中对象元素
	name:item.login,  //将items 数组中每个对象的item.login属性值赋给新数组users中每个对象元素的name属性。(下同)
	url:item.html_url,
	avatar_url:item.avatar_url
})

③find() :

  括号里是一个回调函数(可用箭头函数),结果返回符合回调函数条件的数组元素(注意结果返回的是元素)
代码示例

this.messageDetail = this.allMessageDetail.find(detail => detail.id === id);

④reduce():等待中…以后遇见了再补充吧

猜你喜欢

转载自blog.csdn.net/A_Bow/article/details/113924594