p5.js join() function
The join() function in p5.js is used to join the input array of strings into a single string using separator. This separator might be any character which gets their position in between two strings of the input array.
Syntax:
join(Array, Separator)
Parameters: This function accepts two parameters as mentioned above and described below:
- Array: This is the array of strings which are to be joined.
- Separator: This is any character to be placed in between two strings of the input array.
Return Value: It returns the joined strings.
Below programs illustrate the join() function in p5.js:
Example 1: This example uses join() function to join the input array elements.
function setup() { // Creating Canvas size createCanvas(450, 120); } function draw() { // Set the background color background(220); // Initializing the Array of strings let Array1 = ["Geeks", "for", "Geeks"]; let Array2 = ["1", "2", "3"]; let Array3 = ["a", "A", "b", "B"]; // Initializing the separator character let Separator1 = "/"; let Separator2 = "&"; let Separator3 = "*"; // Calling to join() function. let A = join(Array1, Separator1); let B = join(Array2, Separator2); let C = join(Array3, Separator3); // Set the size of text textSize(16); // Set the text color fill(color('red')); // Getting joined strings text("Joined string is: " + A, 50, 30); text("Joined string is: " + B, 50, 60); text("Joined string is: " + C, 50, 90); } |
Output:
Example 2: This example uses join() function to join the input array elements.
function setup() { // Creating Canvas size createCanvas(450, 120); } function draw() { // Set the background color background(220); // Calling join() function over the parameter // Array of strings and separator let A = join(["kolkata", "Mumbai", "Delhi"], " "); let B = join(["Geeks", "for", "Geeks"], ""); let C = join(["Ram", "Shyam", "Geeks", "Rahim"], "+"); // Set the size of text textSize(16); // Set the text color fill(color('red')); // Getting joined strings text("Joined string is: " + A, 50, 30); text("Joined string is: " + B, 50, 60); text("Joined string is: " + C, 50, 90); } |
Output:
Reference: https://p5js.org/reference/#/p5/join
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
