关于小程序二维数组遍历的问题(前端网备份)

骑猪看日落 2021-12-22 12:57 234阅读 0赞

效果是个导航轮播  
视图层  
<swiper indicator-dots="true" autoplay="true" duration="1000" bindchange="listenSwiper" >  
<block wx:for="\{ \{Arr\}\}" wx:for-index="idx" wx:key="Arr">  
<swiper-item>  
<view class="main-core">  
<block wx:for="\{ \{item\}\}"wx:key="id" >  
<view id="\{ \{item.url\}\}" bindtap='appClick' class="main-core-item">  
<image class="core-item-icon" src="\{ \{item.icon\}\}"></image>  
<text class="core-item-name">\{ \{item.name\}\}</text>  
</view>  
</block>  
</view>  
</swiper-item>  
</block>  
</swiper>  
js层  
console.log(res);  
//导航轮播算法  
var num = 8;//每个子数组里的元素个数  
var arr = res.data.app;  
console.log(arr.length);  
var Arr = new Array(Math.ceil(arr.length / num));  
//console.log(Arr.length);  
for (var i = 0; i < Arr.length; i++) \{  
Arr\[i\] = new Array();  
for (var j = 0; j < num; j++) \{  
Arr\[i\]\[j\] = '';  
\}  
\}

for (var i = 0; i < arr.length; i++) {
          Arr[parseInt(i / num)][i % num] = arr[i];
        }
    
        console.log(Arr);
        that.setData({
          Arr: Arr,

下来解释下  
比如Arr数组是这个形式  
var arr = \[  
\[  
\{appOrder: 0,id:1\},  
\{appOrder: 0,id:2\},  
\{appOrder: 0,id:3\},  
\{appOrder: 0,id:4\},  
\{appOrder: 0,id:5\},  
\{appOrder: 0,id:6\},  
\{appOrder: 0,id:7\},  
\{appOrder: 0,id:8\}  
\]  
\[  
\{appOrder: 0,id:9\}  
\]  
\];  
小程序中的双层遍历  
<view wx:for="\{ \{Arr\}\}"wx:for-index="idx" wx:key="Arr">  
<view wx:for="\{ \{item\}\}"wx:key="id">  
<view >\{ \{item.id\}\}</view>  
</view>  
</view>

转载于:https://www.cnblogs.com/lsc-boke/p/10996884.html

发表评论取消回复

表情：

评论列表（有 0 条评论，234人围观）

还没有评论，来说两句吧...

相关阅读

相关 java代码遍历二维数组

Java代码中遍历二维数组可以使用两重循环，一重循环遍历行，另一重循环遍历列，如下所示: int[][]array = { {1, 2, 3}, {

客官°小女子只卖身不卖艺/ 2024年03月25日 10:37/ 0 赞/ 91 阅读

相关 java二维数组遍历

![627ecaa6fd0549f483dbe53ec88ba84e.jpeg][] 在 java中，二维数组是指在二维平面上的一个数组。在二维数组中，数据都是按行排序的。我

小咪咪/ 2023年09月30日 23:46/ 0 赞/ 18 阅读

相关微信小程序遍历二维数组

在微信小程序中遍历二维数组，代码如下 data 中二维数组结构如下 data: { familys:[ {

淡淡的烟草味﹌/ 2022年12月01日 03:56/ 0 赞/ 451 阅读

相关二维数组顺时针遍历

二维数组顺时针遍历 1、题目要求 > From PDD 1. 给你一个 `mn` 的二维数组 `arr[][]`，按照顺时针遍历输出 2. 比如下面的数组，其

秒速五厘米/ 2022年11月27日 15:56/ 0 赞/ 208 阅读

相关汇编学习：二维数组遍历

作为正式接触汇编的开篇，本文将研究二维数组的遍历问题。在图像处理中，通常需要遍历图像像素（即二维数组）。下面给出三个版本的遍历函数，并研究他们的汇编代码（VC2010编译器，x

深藏阁楼爱情的钟/ 2022年07月16日 05:41/ 0 赞/ 238 阅读

相关 php中遍历二维数组

`<?php` `//使用for循环遍历` `$arr2` `=` `array` `(` `array` `(` `"张三"` `,` `"20"` `,` `"男"`

灰太狼/ 2022年06月09日 13:17/ 0 赞/ 271 阅读

相关关于java的一个简单二维数组foreach遍历问题

问题：foreach遍历一个二维数组，到底是如何遍历的呢？这与数组在栈堆中的内存位置有关系，贴图： ![70][] 首先int\[\]\[\] arr 压栈，然后在堆内

柔情只为你懂/ 2022年05月24日 09:47/ 0 赞/ 139 阅读

相关关于小程序二维数组遍历的问题(前端网备份)

效果是个导航轮播视图层 <swiper indicator-dots="true" autoplay="true" duration="1000" bindchang

骑猪看日落/ 2021年12月22日 12:57/ 0 赞/ 235 阅读

相关数组、二维数组定义、遍历

数组定义数据类型\[\] 数组名 = new 数据类型\[元素个数或数组长度\]; int \[ \] x = new int \[100\] ![16399

布满荆棘的人生/ 2021年12月20日 15:49/ 0 赞/ 370 阅读

相关数组、二维数组定义、遍历

数组定义数据类型\[\] 数组名 = new 数据类型\[元素个数或数组长度\]; int \[ \] x = new int \[100\] ![16399

旧城等待，/ 2021年12月20日 15:27/ 0 赞/ 377 阅读