vue 数组循环返回索引 vue循环输出数组

数组循环，方法的部分补充

循环遍历数组 forEach

– 对数组进行循环遍历

var arr = [1,2,3,4]
			
			var a = arr.forEach((item,index)=>{   //数组进行forEach循环item是元素，index是下标
				console.log(item,index) //获取循环的每一项元素与下标
			})
			
			console.log(arr)
			console.log(a)

输出结果

filter

– 数组过滤 返回 所有符合条件的元素 一个新数组

var arr = [1,2,3,4,5,6,1]
			
			var a = arr.filter(item=>item>4) //将原数组进行过滤筛选出自己所需要的内容
			console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
			
			console.log(a)  //正常返回值

运行结果

map

– 对数组的每一项进行操作，返回新数组

var arr = [1,2,3,4,5,6,1]
			var a = arr.map(item=>item*3)
			console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
			
			console.log(a)  //他的返回值是返回的每一个元素都与3相乘以后的新数组

输出结果

some

– 判断数组中是否有满足条件的元素 如果有返回true 没有 false

var arr = [1,2,3,4,5,6,1]
var a = arr.some(item=>item>30)
console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
			
			console.log(a)  //正常返回值true/false

every

– 判断数组中是否元素是否全部满足条件 如果是返回true 否则 false

var arr = [1,2,3,4,5,6,1]
var a  = arr.every(item=>item>0)
console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
			
			console.log(a)  //正常返回值true/false

indexOf

– 查找第一个符合条件的下标，查到不到返回-1

var arr = [1,2,3,4,5,6,1]
let a = arr.indexOf(1) //判断数组内是否有符合的元素有的就返回对应元素的下标
console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
			
			console.log(a)  //找到了就返回最前面一个对应下标，没找到就返回-1

lastIndexOf

– 查找最后一个符合条件的下标，查到不到返回-1

var arr = [1,2,3,4,5,6,1]
let a = arr.lastIndexOf (1) //判断数组内是否有符合的元素有的就返回最后一个对应元素的下标
console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
			
			console.log(a)  //找到了就返回最后一个对应下标，没找到就返回-1
![在这里插入图片描述]()

findIndex

– 查找第一个符合条件的下标，查到不到返回-1

var arr = [1,2,3,4,5,6,1]
let a = arr.findIndex(1) //判断数组内是否有符合的元素有的就返回对应元素的下标
console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
console.log(a)  //找到了就返回最前面一个对应下标，没找到就返回-1

find

– 查找第一个符合条件的元素，查到不到返回undefined

var arr = [1,2,3,4,5,6,1]
let a = arr.find (1) //判断数组内是否有符合的元素有的就返回对应元素
console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
console.log(a)  //找到了就返回最前面一个对应元素，没找到就返回undefined

includes

– 是否包含某个元素 如果包含 true;否则 false

var arr = [1,2,3,4,5,6,1]
let a = arr.includes (1) //判断数组内是否有符合的元素有的就返回 true;否则 false
console.log(arr)	//获取原数组除七个内置方法其无法直接改变原数组
console.log(a)  //找到了就返回 true;否则 false

var arr = [{name:1},{name:2}]
			
			var obj = {name:1}
			
			console.log(arr.includes(obj))