收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?

页面订阅topic,收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?

要通过唯一的标识,例如attributeId这种字段来取值(不能通过索引取值,因为索引值可能发生变化,导致全部数据紊乱)

收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?_第1张图片

举个例子:

收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?_第2张图片

pcsList:

收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?_第3张图片

通过setData方法将数据设置为键值对的方式:

收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?_第4张图片

收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?_第5张图片

控制台的this.svgDataAll数据:

收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?_第6张图片

页面效果图如下:

收到mqtt传送过来的数据,大量的数据如何按照需求只选取个别的数据?_第7张图片

页面完整代码如下:



你可能感兴趣的:(MQTT,实现前端消息传递,前端,javascript)