ES6,7,8,9,10,11中,用一次就上癮的語法

Casper
20210310

近期活動

  • class
  • 影音
  • Vue 3 影音課程 → 作品為導向的課程
  • 直播
  • UI 直播課程
  • Vue 作品實戰直播班 → 苦行僧修煉


關於 ES6 以後… ★4.5

  • 支援度問題

星爆!物件迴圈屌屌跑
  • 傳統做法 for…in
  • error: for…in 會印出原型方法 

  • new做法 forEach(陣列)+ Object.keys, Object.values
  const family = {
    ming: {
      name: '小明',
    },
    jay: {
      name: '杰倫',
    },
    casper: {
      name: '卡斯伯',
    }
  }
  // ====
  console.log(Object.values(family));
  Object.values(family).forEach(item => {
    console.log(item);
  });
  console.log(Object.keys(family));
  Object.keys(family).forEach((key) => {
    console.log(key, family[key]);