自學程式語言前，你真正該注意的問題解決技巧

1. 釐清問題
2. 拆分問題
3. 進行研究
4. 寫偽代碼

解決技術問題的四步驟

如果我有1小時拯救世界，我會花55分鐘去確認問題為何，只以5分鐘尋找解決方案 –––愛因斯坦 Albert Einstein。

一、釐清問題（Clarify）

1. 確認效益與商業價值

• 該功能帶來什麼商業價值？
• 該功能預期實現的效果是什麼？

• 該專案為重點專案：後續的需求可能會增多，或要求較高。
• 預計呈現效果固定：因為沒有過往銷售記錄，因此會根據 Data Scientist 提供的清單匯出。呈現的狀態如其他的商品頁相似，但需要加上品牌商的設計與官方網站連結（因應要求）。商品呈現的內容含括：商品名、圖片、合作品牌、價格、簡介。

2. 確認技術產出

• 資料是怎麼產生的？
• 預期的輸入是什麼？格式是什麼？
• 如果輸入出現例外，如何處理？
• 可以如何解決問題？
• 會有歷史資料的影響嗎？
• 輸入與輸出的單位是什麼？
• 預期的輸出是什麼？格式是什麼？
• 後續有什麼規劃？需要產生什麼資料？

二、拆分問題（Problem Destruction）

1. 輸入資料格式為 JSON，使用非同步 fetch 資料
2. 確認 i18n 的設定，確認產品名、價格順利設定為當地資料
3. 處理資料的判斷，透過 Tag 標籤屬性，確認該群產品類別
4. 輸出為產品頁面，以 React 來進行開發

三、進行研究（Technical Research）

• 研究 i18n 架構
• 研究 i18n 語言判別與更新
• 研究 React hook 與 Class Component 共存的開發模式
• 研究 useReducer 與 useContent 取代 Redux 的應用情境。

適得其反的操作

四、寫偽代碼（pseudocode）

Given an array of integers nums, return the number of good pairs.
A pair (i, j) is called good if nums[i] == nums[j] and i < j.

Input: nums = [1,2,3,1,1,3]
Output: 4
Explanation: There are 4 good pairs (0,3), (0,4), (3,4), (2,5) 0-indexed.

Input: nums = [1,1,1,1]
Output: 6
Explanation: Each pair in the array are good.

Input: nums = [1,2,3]
Output: 0

如何開始寫 pseudocode？

• pseudocode 的目的在於理解邏輯，程式碼則是讓電腦去跑
• 盡量不要使用特定語言的寫法，將邏輯寫出來即可
• 若有邏輯處理，則可使用語句敘述

開始撰寫

建立函式 goodPair (nums)
// 初始化 goodPair 的數量
// 實例化物件（Map）
// for 0 ~ n (n 是輸入陣列長度)
// if Map 沒有第 n 個元素 then Map key 設定為第 n 個元素，value 為 1
// else (Map 有第 n 個元素)
// goodPair 加上 Map 第 n 個元素的累積值
// 給 Map 第 n 個元素的累積值 + 1

實際成果如下：

var numIdenticalPairs = function (nums) {
    let goodPairs = 0;
    const hashMap = new Map();

    for (let i = 0; i < nums.length; i++) {
        if (!hashMap.has(nums[i])) {
            hashMap.set(nums[i], 1);
        } else {
            goodPairs += hashMap.get(nums[i]);
            hashMap.set(nums[i], hashMap.get(nums[i]) + 1);
        }
    }

    return goodPairs;
};

解決技術問題不在於技術，而在於解決問題

延伸閱讀