微信小程序怎么取数组中的值

微信小程序怎么取数组中的值,第1张

微信小程序 获取javascript 里的数据

wxml如何获取js里的数据

例:

wxml里:

1

<text id="twl">{{txt}}</text>

通过上面的{{txt}}可以对应获取js里data下定义的txt的值

js里:

1234

data: { txt:{} }

首先在data里定义一个“容器”txt:{},{}内为空代表是从别的地方传值进去,当然{}里也可以直接写数据,如txt:{‘123'},上面的wxml获取了就相当于 <text id="twl">123</text>;通过其他方法传值到容器里用一个this.setData({})的方法,如:

1234567891011

onLoad: function (options) { var ta=options.kind this.setData({ txt:ta,}) },

这样上面data里定义的txt的值就是ta的值了。

做一个查询的功能 可以根据id查到text 或者根据text查到id

附上数组如下

resultset: [{id:1,text:"aaa"},{id:2,text:"bbb"}, {id: 3,text: 'ccc'}, {id: 4,text: 'f'}]

之前尝试了一些方法 就像在传统语言那样遍历数组然后寻找相等的值 但是发现好像并不是特别好使

var resultSet =this.data.resultset

const length = resultSet.lengthvar val = this.data.inputValueif(val){

console.log(val) for(let i =0i<=lengthi++){ //console.log(resultSet[i])

if(val == resultSet[i].id){

console.lo("找到了") var result = this.data.resultSet[i].id

console.log("结果是"+result)

} else{

console.log("没找到结果")

}

}

}else{

console.log("没输入啊")

}

}


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存