微信小程序当中for可以和in一起用吗

微信小程序当中for可以和in一起用吗,第1张

for循环我们通常用来循环一个数组、字符串。

var array = [1,2,3,4,5,6]

var sum = 0

for (var i=0 i<array.length i++){

    sum+=array[i]

}

    alert(sum)

for…in循环呢,我们通常用来循环一个对象。

var stu = {

        {name:"张三",

        sex:"男",

        age:13},

        {name:"王五",

        sex:"男",

        age:10}

    }

    for(var i in stu){

        document.write(stu[i].name)

        document.write(stu[i].age)

    }

所以针对你提的这个问题,for in是可以一起用的

【望采纳】

应用程序错误解决方法:

1.检查电脑是否存在病毒,请使用百度卫士进行木马查杀。

2.系统文件损坏或丢失,盗版系统或Ghost版本系统,很容易出现该问题。建议:使用完整版或正版系统。

3.安装的软件与系统或其它软件发生冲突,找到发生冲突的软件,卸载它。如果更新下载补丁不是该软件的错误补丁,也会引起软件异常,解决办法:卸载该软件,重新下载重新安装试试。顺便检查开机启动项,把没必要启动的启动项禁止开机启动。

4.如果检查上面的都没问题,可以试试下面的方法。

打开开始菜单→运行→输入cmd→回车,在命令提示符下输入下面命令 for %1 in (%windir%\system32\*.dll) do regsvr32.exe /s %1回车。

完成后,在输入下面

for %i in (%windir%\system32\*.ocx) do regsvr32.exe /s %i 回车。

如果怕输入错误,可以复制这两条指令,然后在命令提示符后击鼠标右键,打“粘贴”,回车,耐心等待,直到屏幕滚动停止为止(重启电脑)。

wxml内容:

<view bindtap="a" data-f="{{flag}}">123</view>

<!-- wx:for="{{数组}}" 循环需要绑定key wx:key="index"-->

<!-- 自带定义 item 表示数组的每一项 index 表示数组的索引 -->

<!-- 使用wx:for-item修改每一项值的key -->

<!-- 使用wx:for-index修改每一项值的index -->

<view wx:for="{{list}}" class="t" wx:key="i" 

    wx:for-item="r" wx:for-index="i"

    style="color:{{r.styFlag?'red':''}}"

    data-i="{{i}}"

    bindtap="choose"

>

    {{r.name}}--{{i}}

</view>

js内容:

data: {

        flag:1,

        list:['冰墩墩','雪融融','小泡菜'],

        list:[{

            name:'冰墩墩',

            styFlag:true

        },{

            name:'雪融融',

            styFlag:false

        },{

            name:'小泡菜',

            styFlag:false

        }]

    },

    choose:function(e){

        let { currentTarget:{ dataset:{i} } } = e

        /* 第一步获取点击的当前的内容的索引 */

        console.log(i)

        /* 排他 把所有的先置空 */

        this.data.list.forEach(r=>{

            r.styFlag = false

        })

        this.data.list[i].styFlag = true

        /* 数据变了 视图没变 必须要使用setData实现数据和视图的双向数据绑定 */

        this.setData({

            list:this.data.list

        })

    },

    a:function(e){

        console.log(e)

    },

效果:

wxml内容:

<button bindtap="go1" style="margin: 3px">张三</button>

<button bindtap="go2" style="margin: 3px">李四</button>

<button bindtap="go3" style="margin: 3px">24号</button>

<button bindtap="go4" style="margin: 3px">不带参数</button>

<button bindtap="goBack">返回上一级</button>

<!-- wx:if 和 wx:elif 以及wx:else之间不可以被其他的标签打断 -->

<block>

    <view wx:if="{{msg=='zhangsan'}}" class="t">欢迎回来主人</view>

    <view wx:elif="{{msg=='lisi'}}" class="t">家里水龙头没有坏不要过来</view>

    <view wx:elif="{{msg=='24'}}" class="t">您好欢迎为您服务</view>

    <view wx:else class="t">显示家里没人</view>

</block>

js内容:

Page({

    /**

     * 页面的初始数据

     */

    data: {

        msg:""

    },

    goBack:function(){

        wx.navigateBack()

    },

    /**

     * 生命周期函数--监听页面加载

     */

    onLoad: function (options) {

        console.log(options.name)

        /* 多次使用setData会影响性能 尽量把多次setData 使用一次setData来实现

        尽量少的使用setData来提高小程序的性能 */

        this.setData({

            msg:options.name

        })

        /* 如果名字叫张三 页面显示欢迎回来主人 */

        /* 如果名字叫李四 页面显示家里水龙头没有坏不要过来 */

        /* 如果名字叫24号 页面显示您好欢迎为您服务 */

        /* 都不是 显示家里没人 */

    },

    /**

     * 生命周期函数--监听页面初次渲染完成

     */

    onReady: function () {

    },

    /**

     * 生命周期函数--监听页面显示

     */

    onShow: function () {

    },

    /**

     * 生命周期函数--监听页面隐藏

     */

    onHide: function () {

    },

    /**

     * 生命周期函数--监听页面卸载

     */

    onUnload: function () {

    },

    /**

     * 页面相关事件处理函数--监听用户下拉动作

     */

    onPullDownRefresh: function () {

    },

    /**

     * 页面上拉触底事件的处理函数

     */

    onReachBottom: function () {

    },

    /**

     * 用户点击右上角分享

     */

    onShareAppMessage: function () {

    }

})

{

  "pages": [

    "pages/index/index",

    "pages/forpage/forpage",

    "pages/mypage/mypage",

    "pages/logs/logs",

    "pages/fenglei/fenglei"

  ],

  "window": {

    "backgroundTextStyle": "dark",

    "navigationBarBackgroundColor": "#FF0000",

    "navigationBarTitleText": "kw47page",

    "navigationBarTextStyle": "white"

  },

  "tabBar": {

    "color": "#fff",

    "selectedColor": "#FFCA28",

    "backgroundColor": "#000",

    "list": [{

      "pagePath": "pages/index/index",

      "text": "首页",

      "iconPath": "",

      "selectedIconPath": ""

    }, {

      "pagePath": "pages/logs/logs",

      "text": "日志",

      "iconPath": "",

      "selectedIconPath": ""

    }]

  },

  "style": "v2",

  "sitemapLocation": "sitemap.json"

}

效果图:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11105458.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-13
下一篇 2023-05-13

发表评论

登录后才能评论

评论列表(0条)

保存