小程序 js 遍历数组

方式一：
for (var index in res.data) {
title : res.data[index].title
}
res.data：数组
index：下标
title：数组中的一个字段

方式二：

for (var i = 0; i < datas.length; ++i) {
console.log(i);
if( i >= 1) break;
}
datas：数组
datas.length：数组长度复制代码

方式三：

yourData.forEach(function(item, index){
console.log(item);
console.log(index);
})
yourData：你的数组对象
item：单个对象

wxml

<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="item">
{{item.message}}
</view>
不写 wx:for-item="item" ，默认也是item

总结：

简单说下吧～我就直接上代码了

循环的东西每个都有一个index,并且有我们自定义的Id等（这里以detailId）举例

数组格式：list: [{detailId: 10000, title: '我是第一个'},{detailId: 10001, title: '我是第二个'}]

wxml：

<view wx:for="{{list}}" wx:key="{{index}}" data-id="{{item.detailId}}" bindtap="handleClick">{{item.title}}</view>

//需要注意 data-xxx 建议小写，比如：data-detailId 。在这里大写，在js里就是小写 detailid

js：

handleClick(e) { console.log(e) //这里拿到view上使用data-xx绑定的key名 const id = e.currentTarget.dataset.id wx.navigateTo({ url: `/pages/detail/detail?detailId=${id}` }) }

上面格式乱的，我就截图了

小程序 js 遍历数组相关推荐

微信小程序 JS 遍历对象的属性和值
const cg_arr= {titel: '家具',price: '100', } //遍历key和value const keys = Object.keys(cg_arr) keys.forEa ...
小程序js合并数组方式
1.concat list=list1.concat(list2) 2. es6方式 [...] list = [...list1,...list2,...list3]; 3.push 单个元素 l ...
微信小程序JS字符串操作方法汇总
微信小程序JS字符串操作方法汇总 JS对字符串进行切割截取 1.函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组例子: str="jpg|bmp|gif|ico| ...
微信小程序JS字符串操作方法汇总，包含切割截取split，合并字符串join，连接字符串concat，返回指定字符串charAt，提取字符串substring等
微信小程序JS字符串操作方法汇总 JS对字符串进行切割截取 1.函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组例子: str="jpg|bmp|gif|ico| ...
微信小程序多维数组筛选（以二维数组为例）
微信小程序多维数组筛选(以二维数组为例) 我们在遇到微信小程序进行筛选的时候,一般会使用到filter函数来进行筛选,但是有时候遇到多维数组怎么办呢? //例如这是我们的数组 arr: [{id: 1 ...
js遍历数组foreach_JavaScript forEach –如何在JS中遍历数组
js遍历数组foreach The JavaScript forEach method is one of the several ways to loop through arrays. Each ...
【Note】微信小程序js使用农历(一行代码)
[Note]微信小程序js使用农历 0 直接输出 var data_ = new Date('2022/10/27 00:00:00') console.log(data_.toLocaleStrin ...
微信小程序—在原有数组内添加元素
微信小程序-在原有数组内添加元素 data: {list: [ ] } this.setData({list: this.data.list.concat(XXX)})
VBA小程序_遍历所有工作表_复制粘贴为数值
Sub VBA小程序_遍历所有工作表_复制粘贴为数值()Dim sht As WorksheetFor Each sht In Worksheetssht.Activatesht.Cells.Copy ...

小程序 js 遍历数组

小程序 js 遍历数组相关推荐

最新文章

热门文章