p5.js shuffle()用法及代碼示例

p5.js中的shuffle()函數用於調整給定數組元素的順序。

用法:

shuffle(Array)

參數：此函數接受參數Array，其元素將被重排。

返回值：它返回改組後的數組。

以下示例程序旨在說明p5.js中的shuffle()函數：
示例1：

function setup() {  
  
    // Creating Canvas size 
    createCanvas(500, 90);  
      
    // Set the background color  
    background(220);  
      
    // Initializing the arrays 
    let Array1 = ['IT', 'CSE', 'ECE']; 
    
    // Calling to shuffle() function. 
    let Array2 = shuffle(Array1); 
      
    // Set the size of text  
    textSize(16);  
      
    // Set the text color  
    fill(color('red'));  
    
    // Getting new shuffled array 
    text("Shuffled array is : " + Array2, 50, 30); 
               
}

輸出：

示例2：

function setup() {  
  
    // Creating Canvas size 
    createCanvas(500, 90);  
      
    // Set the background color  
    background(220);  
    
        // Calling to shuffle() function on an array 
        // Taken as the parameter 
        let Array = shuffle(['Ram', 'Shayam', 'Geeta', 'Anita']); 
      
    // Set the size of text  
    textSize(16);  
      
        // Set the text color  
    fill(color('red'));  
    
    // Getting new shuffled array 
    text("Shuffled array is : " + Array, 50, 30); 
               
}

輸出：

注意：在上麵的代碼中，尚未使用draw()函數，因為如果我們使用draw函數，則它不會給出清晰的輸出，即，它會持續不斷地更改數組字符串的順序，並且不會給出任何停滯的結果。

參考： https://p5js.org/reference/#/p5/shuffle

相關用法

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