JS截取數字的方法詳解

一、JS截取數字前幾位

在實際開發中，我們經常需要對數字進行截取操作，下面是JS截取數字前幾位的代碼示例：

/**
 * js截取數字前幾位
 * @param {number} num 要截取的數字
 * @param {number} len 截取的位數
 * @return {number} 截取後的數字
 */
function truncateNumber(num, len) {
  if (typeof num !== 'number' || len < 0) return NaN;
  return Number(num.toString().substr(0, len));
}

以上代碼中，我們定義了一個函數 truncateNumber，在函數中接收兩個參數 num 和 len，分別表示要截取的數字和要截取的位數。在函數內部，我們首先判斷傳入的參數是否合法，如果不合法，則返回 NaN。

接著，我們將 num 轉換成字元串，並使用 substr 方法截取出前 len 個字元，即截取前 len 位數字，最後使用 Number 方法將其轉換為數字類型，並返回。

二、JS截取數組的一部分

對於數組的截取操作，JS 中提供了多種方法，下面是常用的兩種方法：

1. slice 方法

slice 方法可以從指定的開始索引截取數組，並返回一個新的數組，不會改變原數組，代碼如下：

let arr = [0, 1, 2, 3, 4, 5];
let newArr = arr.slice(2, 4); // [2, 3]
console.log(newArr);

以上代碼中，我們定義了一個數組 arr，使用 slice 方法從索引為 2 到索引為 3（不包括 4）的位置截取出子數組 [2, 3]。

2. splice 方法

splice 方法可以在指定位置插入或刪除元素，並返回被刪除的元素組成的數組，同時也會改變原數組，代碼如下：

let arr = [0, 1, 2, 3, 4, 5];
let removed = arr.splice(2, 2); // [2, 3]
console.log(arr); // [0, 1, 4, 5]

以上代碼中，我們定義了一個數組 arr，使用 splice 方法從索引為 2 的位置開始，刪除 2 個元素（2 和 3），原數組 arr 變為 [0, 1, 4, 5]，同時截取出來的子數組為 [2, 3]。

三、JS截取數字前兩位、最後一位

JS 中常用的截取數字前兩位和最後一位的方法如下：

1. 截取數字前兩位

let num = 12345;
let result = Math.floor(num / 100);
console.log(result); // 123

以上代碼中，我們使用 Math 對象中的 floor 方法對 num / 100 進行向下取整，即可截取出數字前兩位。

2. 截取數字最後一位

let num = 12345;
let result = num % 10;
console.log(result); // 5

以上代碼中，我們使用取模運算符 % 對 num 取 10 的餘數，即可截取出數字的最後一位。

四、JS截取數字前幾位函數

除了上面提到的截取數字前兩位的方法外，我們也可以封裝一個函數來實現截取數字前 len 位的操作，代碼如下：

/**
 * js截取數字前幾位
 * @param {number} num 要截取的數字
 * @param {number} len 截取的位數
 * @return {number} 截取後的數字
 */
function truncateNumber(num, len) {
  if (typeof num !== 'number' || len < 0) return NaN;
  return Math.floor(num / Math.pow(10, num.toString().length - len));
}

以上代碼中，我們對截取數字前 len 位的方法進行了封裝，實現與之前的 truncateNumber 函數相同。不同的是，這裡使用了 Math 對象中的 pow 方法來計算需要除以的數，而不是使用字元串的 substr 方法，同時也不需要進行字元串的轉換。

五、JS字元串截取

除了對數字進行截取外，JS 中也提供了字元串截取的方法，代碼如下：

1. 截取字元串

使用字元串的 substr 或 substring 方法可以對字元串進行截取，區別在於第二個參數的含義，代碼如下：

let str = 'hello world';
let result1 = str.substr(0, 5); // 'hello'
let result2 = str.substring(0, 5); // 'hello'

以上代碼中，我們使用 substr 和 substring 方法分別截取出了字元串的前 5 個字元。

2. 截取字元串前幾位

同樣，我們也可以封裝一個函數來實現截取字元串前 len 位的操作，代碼如下：

/**
 * js截取字元串前幾位
 * @param {string} str 要截取的字元串
 * @param {number} len 截取的位數
 * @return {string} 截取後的字元串
 */
function truncateString(str, len) {
  if (typeof str !== 'string' || len < 0) return '';
  return str.substr(0, len);
}

以上代碼中，我們對截取字元串前 len 位的方法進行了封裝，實現與之前的 truncateNumber 函數相同。不同的是，這裡使用了字元串的 substr 方法進行截取，而不是計算需要截取的位置。

六、JS截取數組選取3~5個

對於需要從數組中選取一部分元素的場景，我們可以使用 slice 方法，代碼如下：

let arr = [0, 1, 2, 3, 4, 5];
let newArr = arr.slice(3, 6); // [3, 4, 5]
console.log(newArr);

以上代碼中，我們使用 slice 方法從索引為 3 的位置開始，截取出包括索引為 3、4、5 的元素組成的子數組 [3, 4, 5]。

七、總結

本文主要對 JS 截取數字的多種方法進行了詳細的介紹，包括截取數字前幾位、截取數組的一部分、截取數字前兩位和最後一位、截取數字前幾位函數、字元串截取和截取數組選取3~5個元素等，希望可以幫助到讀者更好地了解和利用 JS 中的截取操作。