我想制作临时值并存储数组并在反应js中显示在屏幕上

Question

代码

function getPostData(Player, IP, Port, channelName) {
    //console.log("insideFunction Row1"+Player); 
    var data = {
      PlayerName: Player,
      ChannelName: channelName,
      Port: Port,
      IpAddress: IP
    }
    axios({
      method: 'post',
      url: 'http://localhost:9763/api/getPlayerStatus',
      data,
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
      },
      auth: {
        username: 'admin',
        password: 'password'
      }
    }).then(response => {
      //var pushValue;    
      tempObj = [response.data];
      // console.log("tempObj", tempObj);
      for ( var i = 0; i <= tempObj.length; i++) {
        //console.log("forLoop", tempObj[i]);
        temp.push(tempObj[i]);
      }
       console.log("temp", temp);
      Postdata(temp);

    }).catch(error => {
      console.log("Error In Post Data", error);
    });
  }

我想删除未定义的 FORLOOP 并想在控制台中显示 1 个临时值，以便我可以轻松地映射表行中的值 请帮助我提供一些帮助/代码
不知道为什么会出现4次临时数据

我只想显示这种类型的 arrayofObject 没有重复没有未定义的值

我有这种类型的数据 { “状态”：1000， “特性”： { "剪辑名称": "剪辑 1", “柜台”：“15:33:44:33”， “倒计时”：“16:33:44:33”， "频道名称": "频道 1", "开始时间代码": "00:00:00:00", "玩家名": "Vtr1", “持续时间”：“12:00:00:01” } } { “状态”：1000， “特性”： { "剪辑名称": "剪辑 3", “逆天”：“12:33:44:33”， “倒计时”：“12:33:44:33”， "ChannelName": "Channel3", "开始时间代码": "00:00:00:00", "玩家名": "Vtr3", “持续时间”：“12:00:00:01” } }

Answer 1

我不确定，但试试这个

 for (var i = 0; i <= tempObj.length; i++) {        
    if (tempObj[i] !== undefined) {
        temp.push(tempObj[i]);
    }
}

另一种方法是你可以使用 map() 方法 看这个例子

    const aar1=[
        {status:'sts1',properties:'prop1'},
        undefined,
        {status:'sts2',properties:'prop2'},
        undefined,
        {status:'sts3',properties:'prop3'},
        undefined,
        {status:'sts4',properties:'prop4'},
        undefined,
        {status:'sts5',properties:'prop5'},
    ]

    const aar2= aar1.filter(function(item) {
        return item !== undefined;        
   });

console.log('新数组', aar2)

Answer 2

似乎 api 返回的数据可能包含无效的内容。试试下面（只是替换循环部分）：

for ( let i = 0; i < tempObj.length; i++) {
        //console.log("forLoop", tempObj[i]);
        if(tempObj[i] != undefined) temp.push(tempObj[i]);
      }

Answer 3

如果我说得对，我想这会对你有所帮助

function getPostData(Player, IP, Port, channelName) {
    const data = {
      PlayerName: Player,
      ChannelName: channelName,
      Port: Port,
      IpAddress: IP
    }
    axios({
      method: 'post',
      url: 'http://localhost:9763/api/getPlayerStatus',
      data,
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json',
      },
      auth: {
        username: 'admin',
        password: 'password'
      }
    }).then(response => {   
        response.data.map(item => {
            if(item.Properties){
              temp.push(item);
            }
        })
      Postdata(temp);

    }).catch(error => {
      console.log("Error In Post Data", error);
    });
  }