不变违规读取JSON数据

Question

我已经审查了论坛上的所有类似错误，但没有一个可以解决我的问题。不确定尝试读取存在的JSON数据（已通过console.log确认）以及数组的错误，但被告知这是一个对象，需要为数组。直接在数组上进行映射而不执行所示的for循环，基本上说对象画廊即使被定义也未定义。itemList的console.log显示空意味着画廊未定​​义。当gallery的console.log返回6元素的gallery数组时怎么办？请在下面查看相应的代码段和错误日志的图像。
 感谢您的帮助广告提示。

render() {
const { showModal, articleData } = this.props;
const { 
  image, gallery,title, subTitle, description,location, phone, credit 
} = articleData;
console.log(gallery);

let itemList = [];
for (let i in gallery) {
  itemList.push({
    ...gallery[i],
    // id: key
  })
  return itemList
}
console.log(itemList);

<View style= {{ flex: 1 }}>
              <ScrollView horizontal={true}>
              <TouchableOpacity 
                onPress={() => 
                  this._toggleModal(1)
                }
              >

              {
                itemList.map((v, index) => {
                  return (
                    <View key= {index}  >
                      <Image 
                        style={styles.navImageStyle}
                        source={{ uri: v.photo}}
                      />
                      {/* <Text>{v.desc}</Text>
                      <Text>{v.price}</Text> */}
                    </View>
                  )
                })
              }
              </TouchableOpacity>