js常用的几种for循环

1.for循环, 直接循环数组，可拿到数组对象中每一个item值，比如我需要给后台传一个id数组，如下

let orderId = []
for(var i in this.selectedData){
	console.log(this.selectedData[i])//打印可看到取到的值
    orderId.push(this.selectedData[i].orderId)//取到数组每一个对象中的id，push到数组中
 }

2.forEach循环。同样传id数组

let orderProductId = []//点击发货的时候传的订单子id数组
this.products.forEach(item => {
  orderProductId.push(item.orderProductId) 
})

3.map循环

用法1
const that = this
let orderProductId = []//点击发货的时候传的订单子id数组
that.products.map(item => {
  orderProductId.push(item.orderProductId) 
})

用法2，直接取到数组products下其他数组/值
this.produceList = res.data.products.map((x,index) => {//明细数组获取
    return x.skuDetails
})

4.for of循环取下标 .entries()方法
返回了下标和item的循环： .entries() 和上面的map
for in 循环的是数组的下标尽量不要用for in 循环数组，用for of 循环

for (let [index,item] of arr.entries()) {

}

5.every()从数组中取值

let name= MxzbListxx.every(item => !item.name)
if(!name){//true/false
	this.messageContent = "第"+Index +"行,商品名称不能为空。"
}
 MxzbListxx.every((item,index) =>{
 //取到的index只有数组中的第0项
 })
 some()也是这种用法

6.findIndex()方法从-数组对象取值

MxzbListxx.findIndex((item,index)=>{
	console.log(item,index,'index----')
})

使用以上循环语句遇到的坑
比如一个方法里：循环语句和其他方法平行执行了。

代码示例：
this.List();//有循环语句的代码
this.Submit();
List(){
	for (let [index,item] of arr.entries()) {
		if(!item){
			this.messageContent = "第"+Index +"行,商品名称不能为空。"
			return false
		}
	}
}

当执行Submit()提交方法时，假如走了false，弹框提示，少填商品名称了，这时候你必须要return一下，下面的Submit方法才不会执行报错—给用户更好的体验。
问题来了：只有.entries()方法才会执行return终止，而map、forEach等循环并不会，还是会执行下面的Submit方法

4.concat（）方法的使用
uniapp中请求列表的时候用到或者下一页的时候

getBankcardData(){//列表
	NET.request(API.QueryBankcardList,{
		page: this.page,
		pageSize:this.pageSize,
	},'GET').then(res => {
		if(res.data.list.length == 0){
			this.loadingType = 1
			this.page = this.page
		}
		this.bankcardList = this.bankcardList.concat(res.data.list)
		this.bankcardListlength = res.data.total
	}).catch(res => {
		
	})
},

7.reduce（）方法的使用，有兴趣的可以自己百度下

8…扩展运算符方法的使用，更新中~