遍歷物件 for in 和 for of


Posted by Rich on 2021-08-31

遇到物件的時候要怎麼遍歷每個 key 或 value 呢?
如果是 array 就好辦了,用 .map .filter .reduce 都可以(因為最近剛會這幾個)。
但物件的話上面這些方法都不能用,因為只有 array 可以用。
常搞混的 for in for of 差在哪裡呢?
for in 是遍歷 key 值。
for of 是遍歷 value 值。

Object.entries() 搭配 forEach ,就可以把物件的 key 和 value 同時拿到。

Object.entries(obj).forEach((item) => {
  let [key, value] = item;
  console.log(key); // name 、 age 、 height 、 weight
  console.log(value); // Danny 、 26 、 180 、 72
});

先這樣,有遇到再紀錄。










Related Posts

8. 傅立葉番外篇

8. 傅立葉番外篇

JavaScript 是如何被執行的 (2)?

JavaScript 是如何被執行的 (2)?

一看就懂的 React 開發環境建置與 Webpack 入門教學

一看就懂的 React 開發環境建置與 Webpack 入門教學


Comments