项目场景:

比如一个列表,当需要只有三个图依次循环显示时,循环遍历增加到第四五六等等依然是三个图按照顺序排列

解决方案:

可以用取余:i%3
需要循环几个后面的数写几就行 0%3=0 1%3=1 2%3=2 3%3=0 4%3=1
这样的话话for循环出来列表,有几个循环几个,都是按照你安排好的这几张图依次排列

js进行取余循环遍历相关推荐

  1. 原生JS 将json数据循环遍历到HTML中

    原生JS 将数组的数据循环遍历到HTML中 html如下(图片地址为本地保存的)<div id="article"><!-- <div class=&quo ...

  2. js之for in循环遍历对象(包括输出value值为什么是obj[k]而不是obj.k)

    var obj = {name: 'chen',age: 18,professional:'student'}for (var k in obj) {console.log(k); // k 输出的是 ...

  3. js三层数组循环遍历(笛卡尔积)运算,并生成顺序

    笛卡尔乘积是指在数学中,两个集合X和Y的笛卡尔积(Cartesian product),又称直积,表示为X × Y,第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员 [1]  . 假 ...

  4. JavaScript 中的常用12种循环遍历(数组或对象)的方法

    1.for 循环 1 2 3 4 5 6 7 let arr = [1,2,3]; for (let i=0; i<arr.length; i++){  console.log(i,arr[i] ...

  5. html js 循环取json数据,JS循环遍历JSON数据的方法

    JS循环遍历JSON数据 本文提供了 JS 循环 JSON 数据列,以及 JS 循环遍历 JSON 数据的例子,供大家学习参考. 1. json数据的列循环 var len = json.length ...

  6. JS基础入门篇(三)— for循环,取余,取整。

    1.for循环 1.for的基本简介 作用:根据一定的条件,重复地执行一行或多行代码语法:for( 初始化 ; 判断条件 ; 条件改变 ){代码块} 2.for循环的执行顺序 <body> ...

  7. 前端:JS/24/BOM和DOM简介,for...in循环遍历,window对象的属性和方法,延时器,定时器,screen屏幕对象,location地址栏对象,history历史记录对象

    BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...

  8. 【JavaScript】JS取余及取商(一)

    js中获取余数,取商,一般用于一些特定循环的数据中,例如: 你要得到(0,1,2,3)==> 这个使用取余即可实现 var num = parseInt(4%3); //取余 console.l ...

  9. js循环遍历数组的方式

    前言 最近在写前端代码,里面经常涉及到数组的循环取值.这里简单总结下前端中数组遍历的四种方式: 数组下标循环 for in 循环 for of 循环 foreach循环 例子 假设有如下数组:memb ...

最新文章

  1. 2D池化IPoolingLayer
  2. org.hibernate.transientobjectexception:The given object has a null identifier: com.gxuwz.check.entit
  3. .xib .plist .pch
  4. Linux开机自动启动软件/可执行程序方法
  5. linux分布式文件存储挂载使用_Linux - tmpfs内存文件系统使用
  6. Microsoft JDBC Driver 4.0 for SQL Server
  7. pypy mysql 兼容_PyPy运行Django+MySQL简单教程
  8. 手写字体识别(1) 准备数据集
  9. UV (网站独立访客)
  10. 八大流行的微服务架构设计模式探究
  11. c语言中int类型的范围,C语言int的取值范围?
  12. [论文阅读笔记01]Neural Architectures for Nested NER through Linearization
  13. lae界面开发工具入门之介绍十一--安卓系统如何编译打包?
  14. openwrt 抓取流量包
  15. 百度网盘限速的2个解决小办法
  16. 《强化学习周刊》第17期:ICLR-2021强化学习的最新研究与应用
  17. DIV+CSS编辑器
  18. 雪后看疫情:一切能否变得更加清澈而透明?
  19. Matlab:创建分类数组
  20. 百度知道推出企业问答平台

热门文章

  1. 微信小程序:消息提示框
  2. 监听android home键的实现方式
  3. 如何从官网下载 Google Chrome 离线安装包
  4. UNIAPP实战项目笔记45 订单页面布局完成和数据渲染
  5. SpringBoot自定义banner小彩蛋
  6. 中国清朝~朝鲜地图/出版地点/日期伦敦/ 1741年
  7. 09.06app端自动化
  8. 迭代器模式 - Unity
  9. matlab ldpc编码,matlab2007以上版本的ldpc编码器
  10. 设计原则—SOLID(DIP)