循環遍歷javascript中的對象

Question

我知道這是我應該知道的，但我很難搞清楚。

const food = {
  "design": [
    {
      "forTemperature": {
        "high": "100",
        "low": "70"
      },
      "productURL": "",
      "imageURL": ""
    },
    {
      "forTemperature": {
        "high": "80",
        "low": "65"
      },
      "productURL": "",
      "imageURL": ""
    },
    {
      "forTemperature": {
        "high": "75",
        "low": "65"
      },
      "productURL": "",
      "imageURL": ""
    },
    {
      "forTemperature": {
        "high": "67",
        "low": "60"
      },
      "productURL": "",
      "imageURL": ""
    }
  ]
}

我有基本的json文件，數組中的對象，但做的事情如下：

food.design.map((item, i) => i

不適合我。

我需要采取什么方法？

---

import food from "./apiDesign.json";


const New = props => {

  const [food, setFood] = useState([]);

  useEffect(() => {

    const fetchAPI = async e => {
      const designer = await food;
      setFood(designer);
    };

    fetchAPI();

  }, [])

  const stuff = () => {
    return loop // I was trying to loop it in here
  };

  return (
    {stuff}
  )
}

export default New;

Answer 1

這對我來說很好，因為你可以看到它正確地循環遍歷數組。 你有什么問題？

 const food = { "design": [ { "forTemperature": { "high": "100", "low": "70" }, "productURL": "", "imageURL": "" }, { "forTemperature": { "high": "80", "low": "65" }, "productURL": "", "imageURL": "" }, { "forTemperature": { "high": "75", "low": "65" }, "productURL": "", "imageURL": "" }, { "forTemperature": { "high": "67", "low": "60" }, "productURL": "", "imageURL": "" } ] } food.design.map((item, i) => console.log(i, item)) 

Answer 2

下面的方法將返回food.design中的每個對象：

food.design.map(item => { /* do something here */ });

Answer 3

如果您使用的是ECMA Script 6，請使用此腳本

const food = {
  "design": [
    {
      "forTemperature": {
        "high": "100",
        "low": "70"
      },
      "productURL": "",
      "imageURL": ""
    },
    {
      "forTemperature": {
        "high": "80",
        "low": "65"
      },
      "productURL": "",
      "imageURL": ""
    },
    {
      "forTemperature": {
        "high": "75",
        "low": "65"
      },
      "productURL": "",
      "imageURL": ""
    },
    {
      "forTemperature": {
        "high": "67",
        "low": "60"
      },
      "productURL": "",
      "imageURL": ""
    }
  ]
}
const obj =  food.design;
for (const key of Object.keys(obj)) {
    console.log(key, obj[key]);
}