Detaillierte Erläuterung der for-Anweisung in der Entwicklung kleiner Programme

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erklärung der for-Schleife des WeChat-Applets vorgestellt. Freunde, die sie benötigen, können sich auf

1, wx:for

Verwenden Sie das Steuerattribut wx:for für die Komponente, um ein Array zu binden, und die Komponente kann mithilfe der Daten jedes Elements im Array wiederholt gerendert werden. Standardmäßig lautet der Index des aktuellen Elements im Array

. Der Variablenname lautet standardmäßig „index“ und der Variablenname des aktuellen Elements im Array lautet standardmäßig „item“. >
wxml-Datei:

Sie können wx:for-item verwenden, um den Variablennamen des aktuellen Elements des Arrays anzugeben

<view wx:for="{{items}}">
{{index}}: {{item:one}}
</view>
js文件：
Page({
items:[{
one: "test1",
},{
one: "test2"
}]
})

Sie können wx:for-index verwenden, um den Variablennamen des aktuellen Index des Arrays anzugeben:

wxml-Datei:

2, Block wx: for

<view wx:for="{{items}}" wx:for-item="name" wx:for-index="id">
{{id}}: {{name.one}}
</view>

下面是一个九九乘法表事例：
<view wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="i">
<view
 wx:for="{{[1,2,3,4,5,6,7,8,9]}}" wx:for-item="j">
<view
 wx:if="{{i <= j}}">
{{i}}*{{j}} = {{i * j}}
</view>
</view>
</view>

wx: for wird für das -Tag verwendet, um einen Strukturblock mit mehreren Knoten darzustellen. Zum Beispiel:

Das Rendering ist wie folgt:

<block wx:for="{{[1,2,3]}}">
<view> {{index}}: </view>
<view> {{item}} </view>
</block>

[Verwandte Empfehlungen]

1 Vollständiger Quellcode-Download

2. Demo des WeChat-Miniprogramms: Lezhu

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der for-Anweisung in der Entwicklung kleiner Programme. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!