Javascript 如何使用";。查找();使用vuejs中的数组

Javascript 如何使用";。查找();使用vuejs中的数组,javascript,arrays,vue.js,socket.io,Javascript,Arrays,Vue.js,Socket.io,我的项目组件上有以下代码: <template> <div> <agent v-for="agent in agents" :uuid="agent.uuid" :key="agent.uuid" :socket="socket"> </agent> <p v-if="error">{{error}}</p> </div> </

我的项目组件上有以下代码:

<template>
  <div>
    <agent
      v-for="agent in agents"
      :uuid="agent.uuid"
      :key="agent.uuid"
      :socket="socket">
    </agent>
    <p v-if="error">{{error}}</p>
  </div>
</template>

<style>
  body {
    font-family: Arial;
    background: #f8f8f8;
    margin: 0;
  }
</style>

<script>
const request = require('request-promise-native')
const io = require('socket.io-client')
const { serverHost } = require('../config')
const socket = io()
module.exports = {
  data () {
    return {
      agents: [],
      error: null,
      socket
    }
  },
  mounted () {
    this.initialize()
  },
  methods: {
    async initialize () {
      const options = {
        method: 'GET',
        url: `${serverHost}/agents`,
        json: true
      }
      let result
      try {
        result = await request(options)
      } catch (e) {
        this.error = e.error.error
        return
      }
      this.agents = result
      socket.on('agent/connected', payload => {
        const { uuid } = payload.agent
        const existing = this.agents.find(a => a.uuid === uuid)
        if (!existing) {
          this.agents.push(payload.agent)
        }
      })
    }
  }
}
</script>
控制台中的消息sais'Uncaught TypeError:n.agents.find不是函数'

我不知道虫子在哪里。。。有什么帮助吗? 万分感谢

更新->这是我在“结果”中看到的内容:


从您的更新来看,结果值似乎是一个对象,当您将其分配给此时,它现在也只是一个对象。如果结果将是单个对象或对象数组,那么最好按以下方式分配结果,以确保它将是一个数组

this.agents = result ? [].concat(result) : []

注意:如果结果未定义/为空,则上面的ternery检查也将确保分配空数组。

结果的值是多少?尝试用筛选器替换查找。与str相同,
this.agents=result
是否确定结果是数组?结果包含带有代理的对象数组。如果我使用typeof它显示“object”,但是。。。可能是因为只有一个元素?我试着用过滤器替换find,但它不起作用……不要描述值,而是用您得到的实际值更新您的问题。它似乎不是数组(但可能是JSON字符串)。或者,您可能正在使用中世纪的浏览器(例如Internet Explorer 11),该浏览器不支持
Array.prototype.find()
{…}
agentMAC: (...)
agentName: (...)
connected: (...)
createdAt: (...)
id: (...)
lastAccess: (...)
loginDate: (...)
pid: (...)
updatedAt: (...)
userId: (...)
__ob__: Ae {value: {…}, dep: fe, vmCount: 0}
get agentMAC: ƒ ()
set agentMAC: ƒ (t)
get agentName: ƒ ()
set agentName: ƒ (t)
get connected: ƒ ()
set connected: ƒ (t)
get createdAt: ƒ ()
set createdAt: ƒ (t)
get id: ƒ ()
set id: ƒ (t)
get lastAccess: ƒ ()
set lastAccess: ƒ (t)
get loginDate: ƒ ()
set loginDate: ƒ (t)
get pid: ƒ ()
set pid: ƒ (t)
get updatedAt: ƒ ()
set updatedAt: ƒ (t)
get userId: ƒ ()
set userId: ƒ (t)
__proto__: Object
this.agents = result ? [].concat(result) : []