JavaScript是一種廣泛使用的編程語言，可以用于網頁交互、數據可視化等領域。在處理數據時，提取數字是非常常見的需求。本文將介紹幾種JavaScript提取數字的方式，和它們的應用場景。

首先，我們來看一個例子。假設有一個字符串，它包含了一些數字和其它字符，如下所示：

let str = "abc12de3fg4h";

我們的目標是從這個字符串中提取出數字：12、3、4。下面是三種實現方法。

方法一：使用正則表達式

在JavaScript中，正則表達式可以很方便地匹配字符串中的某些模式。如果要提取數字，我們可以使用“\d+”這樣的正則表達式。其中，“\d”表示數字，“+”表示匹配一次或多次。代碼如下：

let reg = /\d+/g;
let nums = str.match(reg);
console.log(nums); // ["12", "3", "4"]

這段代碼中，我們使用了字符串的match()方法，它會返回符合正則表達式的所有子串組成的數組。執行結果如下：

["12", "3", "4"]

注意，正則表達式的“g”標志表示全局匹配，若不加則只會匹配第一個符合條件的子串。

方法二：使用split()方法

另外一種提取數字的方式是使用字符串的split()方法。這個方法可以將一個字符串分割成多個子串，然后將它們存放在一個數組中。在這個例子中，我們可以通過使用非數字字符作為分隔符，將字符串分割成若干個子串，然后過濾出其中的數字部分。代碼如下：

let sep = /[^0-9]+/;
let nums = str.split(sep).filter(str =>str !== "");
console.log(nums); // ["12", "3", "4"]

在這段代碼中，我們定義了一個不包含數字的正則表達式“[^0-9]+”，用它作為分隔符，將原字符串進行分割。然后，使用filter()方法過濾掉其中的空字符串，即可得到數字數組。

方法三：使用parseInt()函數

除了上面的兩個方法，我們還可以使用JavaScript內置的parseInt()函數來提取數字。這個函數的作用是將一個字符串轉換為整數。如果需要將小數轉換為整數，則需要使用parseFloat()函數。

let nums = [];
for (let i = 0; i< str.length; i++) {
let c = str.charAt(i);
if (c >= "0" && c<= "9") {
let start = i;
while (i< str.length && str.charAt(i) >= "0" && str.charAt(i)<= "9") {
i++;
}
let num = parseInt(str.substring(start, i));
nums.push(num);
}
}
console.log(nums); // [12, 3, 4]

這個函數的實現比較復雜。我們首先使用charAt()方法獲取字符串中的某個字符，然后判斷它是否為數字。如果是，則使用while循環遍歷獲取完整的數字串，最后將字符串轉換為數字并存儲在數組中。需要注意的是，這個方法只能提取整數，不能提取小數。

綜上所述，正則表達式是最為高效的提取數字方法，而且功能非常強大。split()方法也很實用，尤其在需要對符號分割的情況下。parseInt()函數則比較通用，可以處理各種類型的數字提取需求。根據實際情況選擇合適的方法，能夠提高代碼的執行效率、減少錯誤的發生，同時提高工作效率。