iT邦幫忙

2021 iThome 鐵人賽
DAY 0
0
自我挑戰組

從零開始學習 JS 的連續-30 Days-系列 第 15 篇

[Day 15]從零開始學習 JS 的連續-30 Days---forEach 的綜合應用

13th鐵人賽
719 瀏覽

  • 分享至 

  • xImage
    •  

forEach 的綜合應用

如何整合 innerHTML 資料

  1. 範例一

    如圖所示一個物件陣列取裡面的值，並且透過forEach迴圈編譯出新的內容，在使用innerHTML賦予標籤。

搭配網頁初始化狀態

  1. 使用function init (){ +欲初始化的資料 }。
  2. 用途:
  • 1.網頁初始化在語意上是代表"開啟網頁時"會跑的程式碼。
  • 2.使用 init 這個函式去包裝主要是可以更清楚知道，在這個初始化函式裡頭的程式碼都是網頁載入時要跑的程式碼。
  • 3.方便日後管理及維護。

搭配 if 篩選條件


搭配if的使用可以篩選想要的訊息。

今天就到這結束了。


上一篇
[Day 14]從零開始學習 JS 的連續-30 Days---forEach迴圈
下一篇
[Day 16]從零開始學習 JS 的連續-30 Days---AJAX !!
系列文
從零開始學習 JS 的連續-30 Days- 共 30 篇
  1. 26
    [Day 26]從零開始學習 JS 的連續-30 Days---冒泡與捕捉事件
  2. 27
    [Day 27]從零開始學習 JS 的連續-30 Days---BOM-瀏覽器物件模型(上)
  3. 28
    [Day 28]從零開始學習 JS 的連續-30 Days---BOM-瀏覽器物件模型(下)
  4. 29
    [Day 29]從零開始學習 JS 的連續-30 Days---網頁座標及應用
  5. 30
    [Day 30]從零開始學習 JS 的連續-30 Days---連續30天的"遺憾賽程"!!
完整目錄
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22203 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙