Key值为字符串类型如何取值的问题

Miketutu

于 2023-02-05 19:35:51 发布

阅读量410

点赞数

文章标签：前端

本文链接：https://blog.youkuaiyun.com/Miketutu/article/details/128892602

版权

在电影项目中，前端在尝试获取后端返回的film_id和filmName时遇到undefined。问题在于后端数据是数组包裹的对象，且键为字符串。为了解决这个问题，前端使用for...in遍历msg，通过msg[film.filmName]来正确获取值。示例代码展示了后端如何发送JSON格式的数据以及前端如何正确获取并遍历这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在做电影项目中，前端在拿后端查询的值时碰见unidefined，后端获取的数据格式为数组包对象

其中”film.film_id“和”film.filmName“在前端拿的为undefined，本来想着这是一个数组包对象的格式，采用数组下标和对象的点运算符来获取值，但是结果却是undefine,后来仔细发现这里的key为字符串，所以不能用点运算符来获取

解决办法：

采用for in 的遍历方法对”msg“进行了遍历，其中for（let key in msg）中的key为下标

所以msg[key][’film.filmName‘]成功的获取到值

这里发现了对象的key可以为字符串类型，当为字符串类型时就采用如下的方法

msg['film.film.Name']

下面这是项目中完整的写法

后端发送的格式为JSON格式

exports.lookPostAll = async (req,res)=>{
    // let post = {
    //     postId:req.body.postId,
    // }
    await filmPostCrud.queryPostId().then((data)=>{
        res.json({
            code:200,
            msg:data
        })
    }).catch(e=>{
        console.log(e)
    })
}

前端获取的方法

getFilmPost(){
      $http.get('/lookCinemaPost/lookPost').then(res=>{
        this.list = res.data.msg
        console.log('list',res.data.msg)
        for(let item in res.data.msg){
          console.log( '这是后端发来的海报信息',this.list[item]['film.filmName'])
        }
      }).catch(err=>{
        console.log(err)
      })
    }