p5.js splitTokens() function
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:
- 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 = 'zambiatek/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
