JavaScript >> Javascript 文檔 >  >> JavaScript

如何在 JavaScript 中生成範圍(數字/字母)

本文將向您展示如何在 JavaScript 中生成一系列數字或字母,並提供一些您可以復制粘貼到您自己的項目中的功能。

Python、PHP 和許多其他流行的編程語言提供了 range() 函數,用於在兩個值之間生成一系列數字或字母。

JavaScript 有一個內置函數可以做到這一點,但你自己實現它很容易。

以下是操作方法,您可以將一些預製功能粘貼到您自己的項目中以立即使用。

複製和粘貼 JavaScript 函數

生成數字範圍

有很多巧妙的方法可以生成範圍,通常會將代碼量減少到一行。

本文不會涵蓋這些內容——它們對於新手來說很難閱讀和理解。我會堅持簡單的循環,清楚地顯示代碼中發生的事情。

下面,您將看到如何生成一系列數字。這個函數接受三個參數——start停止 ,以及步驟 .範圍將從開始開始 ,結束於停止 範圍內的數字將按遞增 .

function range(start, stop, step) {
    var result = [start];
    var next = start;
    while (next < stop) {
        result.push(next += step || 1);
    }
    return result;
}

這是如何運作的? 結果 數組被初始化為包含範圍內的第一個數字 (start ),然後將每個順序值附加到 結果 使用 while 循環的數組,該循環通過 step 遞增每個後續值 .

生成一系列字母

請注意,此函數依賴於上述函數來生成數字範圍!

此函數將執行相同的操作,但適用於英文字母表中的字母。它將環繞,因此如果範圍超過 26 個數字,它將環繞並從字母表的開頭重複字母,直到達到所需的範圍內的項目數。

function alphaRange(start, stop, step){
    //Assume starting at 0
    var alphabet = 'abcdefghijklmnopqrstuvwxyz';
    var numRange = range(start, stop, step);
    var result = numRange.map(el => {
        return alphabet[el % 26];
    });
    return result;
}

這是如何運作的?首先,生成一個數字範圍。然後使用 array.map() 方法迭代這個數字數組並在字母表中找到相應的值。使用 %(餘數)運算符,如果範圍包括大於 26(字母表中的字母數)的數字,則將使用餘數,以便函數環繞字母表。

助手庫

您還可以在項目中使用像 lodash 這樣的輔助庫,它提供了自己的函數來生成範圍。


Tutorial JavaScript 教程
  1. 如何不在 Next.js 中進行佈局

  2. 當前端開發人員遇到免費 API

  3. GraphQL 初學者指南

  4. 如何使用 React 構建面向客戶的路線圖

  5. JavaScript 的立即調用函數表達式

  6. 使用 GatsbyJS 進行快速原型設計

  7. HTTP 請求方法

  1. Vuejs中的單獨數組推送

  2. 面向 Rails 開發人員的 Node.js

  3. React Hooks 示例:useState、useCallback、useEffect、useReducer

  4. 免費開發者贓物的通知🎉

  5. 我怎樣才能得到一個單詞在數組中的次數?

  6. TDD、函數和 React 組件

  7. 使用 WebSocket

  1. React 沒有在 Windows 中被卸載

  2. 通過使用 Chai 或 Jest 進行測試,確保您的 OpenAPI (Swagger) 規​​范永遠不會過時

  3. 表格很難

  4. Javascript:什麼是回調以及如何使用它們