代码之家 › 专栏 › 技术社区 › John Doe

如何将ES6 JSON对象转换为字典?

reactjs ajax json jquery javascript

John Doe · 技术社区 · 6 年前

我对学习ES6和JQuery很陌生,所以如果我问了一个已经重复的问题(没有找到类似的问题),我很抱歉。

我目前正在尝试从JSON文件中获取数据,以如下方式工作

{
     EUR: { code: "EUR", symbol: "&euro;", rate: "5,278.0518", â¦ }
     GBP: { code: "GBP", symbol: "&pound;", rate: "4,640.1577", â¦ }
     USD: { code: "USD", symbol: "&#36;", rate: "6,152.3500", â¦ }
}

这是迄今为止我掌握的代码:

class App extends Component {
  constructor(props){
    super(props)
    this.state = {}
    this.performSearch()
  }

  performSearch(){
    const urlString = "https://api.coindesk.com/v1/bpi/currentprice.json";
    $.ajax({
      dataType: 'json',
      url: urlString,
      success: data => {
        console.log("This is in my data", data["bpi"])
    }
  })
  }

  render() {
    return (
      <div className="App">
        <p>This is a testing p</p>
      </div>
    );
  }
}

我想迭代我的数据[“bpi”],这样我就可以迭代字典中的所有键和值。

但是,由于数据[“bpi”]的数据类型未定义,因此无法在此处使用foreach()方法。

那么,我应该如何在不需要硬编码的情况下处理这些问题呢?(即,当我执行console.log(data[“bpi”][“eur”])时,它工作)

谢谢你的帮助

4 回复 | 直到 6 年前

Kishan Mundha 6 年前

可以使用 Object.keys

例子

Object.keys(data["bpi"]).map(key => data["bpi"][key]).forEach(item => console.log(item))

pr0p 6 年前

for(var keys in obj){
      var value = obj[key]
       .....
    }

所以

var keys = Object.keys(obj)
for(var i =0; i<keys.length; i++){
     var value = obj[keys[i]]
      ....
}

kyle 6 年前

data["bpi"] 或 data.bpi

JSON.parse(data) 将JSON对象中的数据解析为一个JavaScript对象,然后您可以循环访问该对象。

数据.bpi .forEach 因为这是一个数组方法。但是,您可以使用 for.. in

正如其他人所说,您也可以使用 Object.keys forEach

例子

const parsedData = JSON.parse(data)
for(var key in parsedData.bpi) {
    // do something here...
}

Object.keys(parsedData.bpi).forEach(key => parsedData.bpi[key] /* do something */ )

Arthur Guiot 6 年前

Object 以下内容:

for (let i in data.bpi) {
    // Your code
}

使用此方法,因为它还将迭代对象的所有可枚举属性。

let keys = Object.keys(data.bpi)
for (let i = 0; i < keys.length; i++) {
    let item = data.bpi[i]
}

let keys = Object.keys(data.bpi)
keys.forEach(e => {
    let item = data.bpi[e]
})

或者你可以用 for...of

for (let i of data.bpi) {
    let item = i
}

推荐文章

lonix · 使用sed从JSON中提取非贪婪正则表达式

1 年前

Ishaan Adarsh · 未知的META规范,无法验证。[规范v1.0.1]

1 年前

Henry · 使用Python将json重新格式化为键值对

2 年前

eymentakak · json字典类型错误:字符串索引必须是整数

2 年前

igbins09 · 在shell bash脚本中使用jq将单行JSON转换为csv

2 年前

Gnome-Improvement713 · POST正文未使用JSON通过cURL发送

2 年前

Julien T-Pro · 如何在python中删除数组对象中的空列表?

2 年前

Vodka · 如何将单个json对象转换为json数组?

2 年前

Alper · 从json转换为数据帧?

2 年前

user19251203 · ReactJs:Uncaught TypeError:无法读取未定义的属性(读取“0”)

2 年前