當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


Underscore.js _.range()用法及代碼示例

_.range()函數:

  • 它用於打印從作為參數給定的開始到最後一個參數的元素列表。
  • start和step參數是可選的。
  • start的默認值為0,step的默認值為1。
  • 在形成的列表中,開始是包含在內的,停止是包含在內的。
  • 步進參數可以為正或負。

用法:

_.range([start], stop, [step])

參數:
它包含三個參數:


  • start (optional)
  • stop
  • step (optional)

返回值:
返回值是從頭到尾的列表(不包括)。

例子:

  1. 僅將停止參數傳遞給_.range()函數:
    ._range()函數從列表中一個接一個地獲取元素,並對代碼執行指定的操作。像這裏一樣,該操作是列表元素的添加。添加所有元素後,reduce函數結束。備注的起始值在此處為“ 0”。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            console.log(_.range(7)); 
        </script> 
    </body> 
       
    </html>

    輸出:

  2. 將2個參數傳遞給_.range()函數:
    我們甚至可以通過僅傳遞2個參數(即開始和停止參數)來使用此函數,那麽它也不會出錯。像她一樣,開始參數是7,它將包含在列表中。結束參數是14,根據_.range函數,該參數未包含在列表中。因此,我們將step參數的默認參數設為1。因此,我們將獲得從7到13的列表。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            console.log(_.range(7, 14)); 
        </script> 
    </body> 
       
    </html>

    輸出:

  3. 將所有3個參數傳遞給_.range()函數:
    這裏我們采用所有3個參數,即提及列表的開始,停止和步驟。因此,不需要默認值。此處從7開始,步長為3,這意味著列表中的後7個元素將為7 + 3 = 10。並且計算將以相同的方式繼續,直到20結束。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            console.log(_.range(7, 21, 3)); 
        </script> 
    </body> 
       
    </html>

    輸出:

  4. 將小於起始值的停止傳遞給_.range()函數:
    即使我們傳遞的start參數小於stop參數,_。range()函數也不會給出任何錯誤。它將自身將步進參數調整為負,以從給定的起點到達停止點。因此,該列表將包含從21到16的數字,最後15個數字不包含在列表中。
    <!-- Write HTML code here -->
    <html> 
       
    <head> 
        <script src =  
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js" > 
        </script> 
    </head> 
       
    <body> 
        <script type="text/javascript"> 
            console.log(_.range(21, 15)); 
        </script> 
    </body> 
       
    </html>

    輸出:

注意:
這些命令在Google控製台或firefox中將無法使用,因為需要添加這些尚未添加的其他文件。
因此,將給定的鏈接添加到您的HTML文件,然後運行它們。
鏈接如下:

<!-- Write HTML code here -->
<script type="text/javascript" 
src ="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"> 
</script>

一個例子如下所示:



相關用法


注:本文由純淨天空篩選整理自Sakshi98大神的英文原創作品 Underscore.js | _.range()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。