Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

p5.js | splitTokens() function

  • Last Updated : 10 Feb, 2021

The splitTokens() function in p5.js is used to break the input string into pieces of data using a delimiter. This delimiter could be any string or symbol used between each piece of the input string. 
Syntax: 
 

splitTokens( string, delimiter )

Parameters: This function accepts two parameters as mentioned above and described below: 
 

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

  • String: This is the input string which are to be splitted.
  • Delimiter: This is any string or symbol used to separate the data of the input string.

Return Value: It returns the splitted data of the input string separated by commas (, ).
Below programs illustrate the splitTokens() function in p5.js:
Example 1: This example uses splitTokens() function to break the input string into pieces of data using a delimiter. 
 

javascript






function setup() {
  
    // Create Canvas
    createCanvas(500, 60);
}
function draw() {
      
    // Set the background color
    background(220);
    
    // Initializing the Strings
    let String = 'GeeksforGeeks/Geeks/Geek/gfg'
     
    // Calling to splitTokens() function
    let A = splitTokens(String, '/');
     
    // Set the size of text
    textSize(16);
      
    // Set the text color
    fill(color('red'));
    
    // Getting splitted string
    text("Splitted string is: " + A, 50, 30); 
}

Output: 
 

Example 2: This example uses splitTokens() function to break the input string into pieces of data using a delimiter. 
 

javascript




function setup() {
  
    // Create Canvas
    createCanvas(450, 60);
}
function draw() {
      
    // Set the background color
    background(220);
    
    // Initializing the Strings
    let String = '0&11&222&3333'
     
    // Calling to splitTokens() function.
    let A = splitTokens(String, '&');
     
    // Set the size of text
    textSize(16);
      
    // Set the text color
    fill(color('red'));
    
    // Getting splitted string
    text("Splitted string is: " + A, 50, 30); 
}

Output: 
 

Note: The difference between splitTokens() and split() is that splitTokens() function splits using a range of characters while split() function uses a specific character or sequence. 
Reference: https://p5js.org/reference/#/p5/splitTokens
 




My Personal Notes arrow_drop_up
Recommended Articles
Page :