从事件源创建对象

Question

我试图将日期和数据从事件源存储到包含coreid的对象，并继续将数据和日期推送到正确的coreid对象。

到目前为止，它正在将wifiData存储到两个coreids中，而不是相应的一个。如何将数据推到正确的id？

    <template>
    <div class="container">
        <h2>Probe Diagnostics</h2>
        <div class="row">
            <div class="col">
                <line-chart id="wifiChart" ytitle="Signal Strength" label="Wifi Strength" :colors="['#b00']" :messages="{empty: 'Waiting for data'}"
                    :data="wifiData" height="250px" :library="{backgroundColor: '#eee'}" :download="true" :min="-20"
                    :max="20"></line-chart>
                <column-chart :data="wifiData" ytitle="Signal Strength" height="250px"></column-chart>
            </div>
            <div class="col">
                <line-chart :data="psSoc" ytitle="ps-soc" height="250px"></line-chart>
                <line-chart :data="psVoltage" ytitle="ps-voltage" height="250px"></line-chart>
            </div>
        </div>
    </div>
</template>

<script>
    let wifiData = [];
    let psSoc = [];
    let psVoltage = [];
    let photons = {};
    export default {
        data() {
            return {
                wifiData,
                psSoc,
                psVoltage,
                photons,
            }
        },

        mounted() {
            this.streamData();
        },
        methods: {
            streamData() {
                // LIVE PUSH EVENTS
                if (typeof (EventSource) !== "undefined") {
                    var eventSource = new EventSource(
                        "http://10.10.10.2:8020/v1/Events/?access_token=687b5aee0b82f6536b65f");
                    eventSource.addEventListener('open', function (e) {
                        console.log("Opened connection to event stream!");
                    }, false);

                    eventSource.addEventListener('error', function (e) {
                        console.log("Errored!");
                    }, false);

                    eventSource.addEventListener('WiFi Signal', function (e) {
                        var parsedData = JSON.parse(e.data);

                        if (parsedData.coreid in photons) {
                            photons[parsedData.coreid].push([parsedData.published_at, parsedData.data])

                            return
                        } else {
                            photons[parsedData.coreid] =[]
                        }
                    }, false);

                    eventSource.addEventListener('ps-soc', function (e) {
                        var parsedData = JSON.parse(e.data);
                        psSoc.push([parsedData.published_at, parsedData.data])
                    }, false);

                    eventSource.addEventListener('ps-voltage', function (e) {
                        var parsedData = JSON.parse(e.data);
                        psVoltage.push([parsedData.published_at, parsedData.data])
                    }, false);

                }

            }
        }
    }
</script>

Answer 1

完全删除wifiData。相反，只需直接管理查找对象中的数组：

 // Initialize if needed:
 if(!photons[parsedData.coreid])
   photons[parsedData.coreid] = [];

 // Then push directly to it:
 photons[parsedData.coreid].push(/*...*/);