原來如此 我大概懂了

這是陣列, 分別用 [][] 裡面的值去取得陣列值
也就是用 number - 1 和 i 去取得陣列的值
const int pinState[9][8] = {
  {0, 1, 1, 0, 0, 0, 0, 0}, // 1
  {1, 1, 0, 1, 1, 0, 1, 0}, // 2
  {1, 1, 1, 1, 1, 0, 1, 0}, // 3
  {0, 1, 1, 0, 0, 1, 1, 0}, // 4
  {1, 0, 1, 1, 0, 1, 1, 0}, // 5
  {1, 0, 1, 1, 1, 1, 1, 0}, // 6
  {1, 1, 1, 0, 0, 0, 0, 0}, // 7
  {1, 1, 1, 1, 1, 1, 1, 0}, // 8
  {1, 1, 1, 1, 1, 1, 0, 0}  // 9
};

for(int i = 0;i < 8; i++) {
        digitalWrite(dataPin, pinState[number - 1][i]);
        digitalWrite(clockPin, 1);
        digitalWrite(clockPin, 0);
    }

這段嗎？
[number - 1][i] 分別是什麼意思？

你是要改成 Arduino 的C 程式嗎?如果是, 你給的連結下面就有程式碼了
只是它改成 int 而已, 不是用字符
和圖形化的程式有一點小小不同

對不起我講得不夠清楚 我想問的是紅圈裡的"程式碼"

也就是您說的：
這個副程式分別去讀字串的第一個到第八個字符
每次讀一個字符(字元)去判斷,
如果是 H, 就把 數位接腳2設為高電位
如果是 L, 就把 數位接腳2設為低電位

這段的程式碼

"應該怎麼寫?" 是指..什麼意思嗎?

它是說, pinStates 是一個輸入的字串, 由八個字符(字元)組成
以變數 H 來說, 它是由 L, H, H, L, H, H, H, L 組成
以變數 E 來說, 它是由 H, L, L, H, H, H, H, L 組成
....
這個副程式分別去讀字串的第一個到第八個字符
每次讀一個字符(字元)去判斷,
如果是 H, 就把 數位接腳2設為高電位
如果是 L, 就把 數位接腳2設為低電位
.....
共做八次

所以如果是變數 H, 紅框中就是
第一個迴圈因為讀到的是 L,  數位接腳2設為低電位
第二個迴圈因為讀到的是 H,  數位接腳2設為高電位
第三個迴圈因為讀到的是 H,  數位接腳2設為高電位
第四個迴圈因為讀到的是 L,  數位接腳2設為低電位
第五個迴圈因為讀到的是 H,  數位接腳2設為高電位
第六個迴圈因為讀到的是 H,  數位接腳2設為高電位
第七個迴圈因為讀到的是 H,  數位接腳2設為高電位
第八個迴圈因為讀到的是 L,  數位接腳2設為低電位