【JS30-4】Array Cardio Day 1

閱讀時間約 1 分鐘
raw-image
JavaScript30 傳送門:https://javascript30.com/



Console.table


第四個挑戰是透過一些 array method 來操作 array 資料。

整個練習最讓我 WOW 的,是 console.table,竟然有這麼酷的 console 存在,相見恨晚.....


測試了兩個型別:

console.table({name: 'lee'}) // object
console.table([{name: 'Iris'}, {name: 'Sophie'}]) // array


console結果:

raw-image


實在是太酷辣╰(‵□′)╯

    1會員
    6內容數
    肚子餓了
    留言0
    查看全部
    發表第一個留言支持創作者!
    hunwooooof 的其他內容
    【JS30-1】JavaScript Drum Kit
    閱讀時間約 2 分鐘
    【JS30-2】CSS + JS Clock
    閱讀時間約 2 分鐘
    你可能也想看
    迎新活動「方格新手村」:新格友註冊加入方格子,知名日料吃到飽餐券送給你! 👉 還不是 vocus 的會員嗎?點此註冊,參與新手村活動 👈 近期站上也出現了不少新格友,為了歡迎各位的加入,「方格新手村」隨之登場! 即日起,只要是新註冊帳號於活動期間內發佈 3 則文章,就有機會抽獎獲得知名日料吃到飽餐券。原格友也可以一起同樂,我們準備了小任
    Thumbnail
    2024-06-21
    95
    金融科技與生活美學的融合 CUBE App實踐自我理想最近開啟了研究工作,也開始斜槓著手團購、行銷、洽談業務,慢慢想打造一條屬於自己的道路,而工作忙碌之虞,總忘記自己刷卡消費明細、信用卡繳費,還會忽略了最應該的投資理財,也常常在忙碌奔波中忘記信用卡優惠,國泰世華CUBE App給足了這些功能和服務。 日常生活與數位、科技形影不離,同時也拉近彼此距
    Thumbnail
    2024-07-11
    11
    JS 觀念贖罪之旅:作用域 scope認識 JavaScript 作用域、var、let、const 以及 hoisting
    Thumbnail
    2024-02-24
    4
    JS年貨大街邀逾10家品牌進駐,吃喝玩樂通通有!辦年貨同時響應公益 文、圖/傑思·愛德威提供   農曆新年將至,家家戶戶開始辦年貨,傑思·愛德威直接把年貨大街搬到公司,提前感受滿滿年味。「JS年貨大街」一條龍包辦過年會遇到的所有「吃」「喝」「玩」「樂」,像是除夕圍爐必吃的佛跳牆、拜年伴手禮、美妝保養品、果乾零嘴、醫美療程、旅遊行程等,通通都能在JS年貨大街一網
    Thumbnail
    發佈在
    廣告雜誌
    2024-02-06
    0
    JS 筆記 | callback, promise, async/await 的前世今生JavaScript callback, promise, async-await
    Thumbnail
    2023-11-13
    2
    【JS 學習筆記】箭頭函式與 this本文討論了箭頭函式 (arrow function) 對於 this 關鍵字的影響。
    Thumbnail
    2023-11-01
    1
    JS 筆記 | String 操作篇String 基本操作方法
    Thumbnail
    2023-10-09
    6
    JS 筆記 | Object 操作篇JavaScript Object 基礎操作筆記
    Thumbnail
    2023-10-08
    5
    JS 筆記 | Array 操作篇JavaScript Array 基本操作筆記
    Thumbnail
    2023-10-08
    5
    挑戰 JS30 #3 - CSS Variables本次的挑戰是「CSS Variables」,需要達成的目標是:「使用者操作拉桿或是選色器時,底下圖片的樣式會有對應的變化。」
    Thumbnail
    2023-09-04
    6
    挑戰 JS30 #2 - CSS + JS Clock本次的挑戰是「CSS + JS Clock」,需要達成的目標是:「時鐘的指針會轉動,指針都必須依據現實時鐘的規則前進。」這次需要搭配 CSS 動畫,製作時鐘的指針旋轉效果。
    Thumbnail
    2023-09-03
    6
    挑戰 JS30 #1 - JavaScript Drum Kit這系列文章會記錄 JS 30 當次挑戰時使用到的語法和相關知識。JS 30 官方有提供所有製作網頁的資源,不需要任何事前準備,就能無痛開始撰寫 JS,寫完之後還有 JS 30 作者提供的解答,不知道怎麼下手時可以參考、寫完之後也能了解更多解法,改善自己的寫法。
    Thumbnail
    2023-09-02
    6
    迎新活動「方格新手村」:新格友註冊加入方格子,知名日料吃到飽餐券送給你! 👉 還不是 vocus 的會員嗎?點此註冊,參與新手村活動 👈 近期站上也出現了不少新格友,為了歡迎各位的加入,「方格新手村」隨之登場! 即日起,只要是新註冊帳號於活動期間內發佈 3 則文章,就有機會抽獎獲得知名日料吃到飽餐券。原格友也可以一起同樂,我們準備了小任
    Thumbnail
    2024-06-21
    95
    金融科技與生活美學的融合 CUBE App實踐自我理想最近開啟了研究工作,也開始斜槓著手團購、行銷、洽談業務,慢慢想打造一條屬於自己的道路,而工作忙碌之虞,總忘記自己刷卡消費明細、信用卡繳費,還會忽略了最應該的投資理財,也常常在忙碌奔波中忘記信用卡優惠,國泰世華CUBE App給足了這些功能和服務。 日常生活與數位、科技形影不離,同時也拉近彼此距
    Thumbnail
    2024-07-11
    11
    JS 觀念贖罪之旅:作用域 scope認識 JavaScript 作用域、var、let、const 以及 hoisting
    Thumbnail
    2024-02-24
    4
    JS年貨大街邀逾10家品牌進駐,吃喝玩樂通通有!辦年貨同時響應公益 文、圖/傑思·愛德威提供   農曆新年將至,家家戶戶開始辦年貨,傑思·愛德威直接把年貨大街搬到公司,提前感受滿滿年味。「JS年貨大街」一條龍包辦過年會遇到的所有「吃」「喝」「玩」「樂」,像是除夕圍爐必吃的佛跳牆、拜年伴手禮、美妝保養品、果乾零嘴、醫美療程、旅遊行程等,通通都能在JS年貨大街一網
    Thumbnail
    發佈在
    廣告雜誌
    2024-02-06
    0
    JS 筆記 | callback, promise, async/await 的前世今生JavaScript callback, promise, async-await
    Thumbnail
    2023-11-13
    2
    【JS 學習筆記】箭頭函式與 this本文討論了箭頭函式 (arrow function) 對於 this 關鍵字的影響。
    Thumbnail
    2023-11-01
    1
    JS 筆記 | String 操作篇String 基本操作方法
    Thumbnail
    2023-10-09
    6
    JS 筆記 | Object 操作篇JavaScript Object 基礎操作筆記
    Thumbnail
    2023-10-08
    5
    JS 筆記 | Array 操作篇JavaScript Array 基本操作筆記
    Thumbnail
    2023-10-08
    5
    挑戰 JS30 #3 - CSS Variables本次的挑戰是「CSS Variables」,需要達成的目標是:「使用者操作拉桿或是選色器時,底下圖片的樣式會有對應的變化。」
    Thumbnail
    2023-09-04
    6
    挑戰 JS30 #2 - CSS + JS Clock本次的挑戰是「CSS + JS Clock」,需要達成的目標是:「時鐘的指針會轉動,指針都必須依據現實時鐘的規則前進。」這次需要搭配 CSS 動畫,製作時鐘的指針旋轉效果。
    Thumbnail
    2023-09-03
    6
    挑戰 JS30 #1 - JavaScript Drum Kit這系列文章會記錄 JS 30 當次挑戰時使用到的語法和相關知識。JS 30 官方有提供所有製作網頁的資源,不需要任何事前準備,就能無痛開始撰寫 JS,寫完之後還有 JS 30 作者提供的解答,不知道怎麼下手時可以參考、寫完之後也能了解更多解法,改善自己的寫法。
    Thumbnail
    2023-09-02
    6