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/falsethis.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 = 1this.page = this.page}this.bankcardList = this.bankcardList.concat(res.data.list)this.bankcardListlength = res.data.total}).catch(res => {})
},

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

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

js常用的几种for循环相关推荐

JS常用的数组方法和循环
数组数组是具有相同数据类型的一个或多个值的集合创建数组 :var 数组名称 = new Array(size); size:表示数组中可存放的元素总数: new:表示 ...
python 调用js类_Python 调用 JS 常用的4种方式，带你学会如何解密
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理以下文章来源于AirPython ,作者星安果 1. 前言日常 Web 端爬虫过 ...
html 引入 js 常用的3种方式
文章目录概述概述最常用:外部引入(js 文件统一存放,方便管理) 提示: 把脚本置于 <body> 元素的底部,可改善显示速度,因为脚本编译会拖慢显示. <!DOCTYPE h ...
Python 哪种方式循环最快，或许颠覆你的认知
众所周知,Python 不是一种执行效率较高的语言.此外在任何语言中,循环都是一种非常消耗时间的操作.假如任意一种简单的单步操作耗费的时间为 1 个单位,将此操作重复执行上万次,最终耗费的时间也将增长 ...
Python 哪种方式循环最快，或许颠覆你的认知！
点击上方"AI遇见机器学习",选择"星标"公众号重磅干货,第一时间送达作者:StarryLand 来源:https://www.starky.ltd/202 ...
【温故知新】——原生js中常用的四种循环方式
一.引言本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 在网页中弹出框输入0 网页输出"欢迎下次光临" 在网页中弹出框输入1 网页输 ...
shell for循环1到100_浅谈Linux下shell 编程的for循环常用的6种结构
浅谈Linux下shell 编程的for循环常用的6种结构 1. 常用for循环结构 (1) for 变量 in 值1 值2 值3... do 程序块儿 done (2) for 变量 in `命令` ...
filter vue 循环_详解在Vue.js编写更好的v-for循环的6种技巧
在vuejs中,v-for循环是每个项目都会使用的东西,它允许您在模板代码中编写for循环. 在最基本的用法中,它们的用法如下. {{ product.name }} 但是,在本文中,我将介绍六种方法 ...
JS中常用的几种设计模式
js常见的几种设计模式单例模式: 组合模式观察者模式(发布订阅模式) 策略模式模块模式代理模式外观模式单例模式: 概念: 单例模式定义了一个对象的创建过程,此对象只有一个单独的实例,并提供 ...

js常用的几种for循环

js常用的几种for循环相关推荐

最新文章

热门文章