p5.js join() function
Last Updated :
22 Aug, 2023
Improve
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:
javascript
Output:
Example 2: This example uses join() function to join the input array elements.
javascript
Output:
Reference: https://p5js.org/reference/#/p5/join
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.
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);
}
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);
}
