使用提取读取JSON中的文件

时间:2018-10-28 16:21:18

标签: javascript json react-native

我有一个服务器返回的JSON文件

{
    "myList": [
    {
        "film": "A"
    }, 
    {
        "film": "B"
    }, 
    {
        "film": "C"
    }]
}

我想在React native中显示它们。

  componentDidMount() {
     this.askListing();
  }

  analyse=(responseJson)=>{
     console.log(myList);
  }


  askListing=()=>{
     var getRequest = "https://--------------");
     fetch(getRequest)
        .then((response) => response.json())
        .then((responseJson) => {this.analyse(responseJson)} ) 
        .catch(
          (error) => { console.error(error) }
        );
  }

但是在我的控制台中,我有:

Array [
  Object {
     "film": "A",
  },
  Object {
     "film": "B",
  },
  Object {
     "film": "C",
  },
]
  1. 您知道为什么要添加“数组”和“对象”吗?
  2. 我想访问电影名称。如何访问它们?如果我执行console.log(myList.film),则它是未定义的(可能是由于Array和Objects的话,但是我也有几个“ film”关键字),这不是问题吗?

1 个答案:

答案 0 :(得分:0)

Array和Object是创建类的对象的类型。

  

JavaScript Array对象是在   数组的构建

     

对象构造函数创建键值对

您需要迭代列表才能访问电影

for(var i=0; i < myList.length; i++)
    console.log(myList[i].film);

myList.film返回undefined,因为 film 不是列表的属性,而且对象或json包含可以使用点运算符访问的属性。