The splice() function in p5.js is used to insert values or array elements in the given array.
Syntax:
splice(Array, Values, Position)
Parameters: This function accepts three parameters as mentioned above and described below:
- Array: This is a given array which is to be modified.
- Values: This is the values or an another array whose elements are to be inserted into the given array which are to modified.
- Position: This is the number of elements of the given array after which new values or elements of another array are to be inserted.
Return Value: It returns a new modified array.
Below programs illustrate the splice() function in p5.js:
Example 1: This example uses splice() function to insert values or array elements in the given array.
javascript
function setup() { // Creating Canvas size createCanvas(500, 90); } function draw() { // Set the background color background(220); // Initializing the array let Array = [9, 6, 0, 22, 4, 1, 15]; // Initializing the value which are // to be inserted let Value = 5; // Initializing the position after // which insertion is done // counting is done from starting let Position = 5; // Calling to splice() function. let A = splice(Array, Value, Position); // Set the size of text textSize(16); // Set the text color fill(color( 'red' )); // Getting new modified array text( "New modified array is : " + A, 50, 30); } |
Output:
Example 2: This example uses splice() function to insert values or array elements in the given array.
javascript
function setup() { // Creating Canvas size createCanvas(500, 90); } function draw() { // Set the background color background(220); // Initializing the array let Array = [ 'Ram' , 'Geeta' , 'Shita' , 'Shyam' ]; // Initializing the value which are // to be inserted let Value = 'Geeks' ; // Initializing the position after // which insertion is done // counting is done from starting let Position = 2; // Calling to splice() function. let A = splice(Array, Value, Position); // Set the size of text textSize(16); // Set the text color fill(color( 'red' )); // Getting new modified array text( "New modified array is : " + A, 50, 30); } |
Output:
Example 3: This example uses splice() function to insert array elements into another array.
javascript
function setup() { // Creating Canvas size createCanvas(600, 90); } function draw() { // Set the background color background(220); // Initializing the array let Array = [ 'Ram' , 'Geeta' , 'Shita' , 'Shyam' ]; // Initializing a new array whose elements are // to be inserted let Value = [ 'Geeks' , 'GeeksforGeek' ]; // Initializing the position after // which insertion is done // counting is done from starting let Position = 2; // Calling to splice() function. let A = splice(Array, Value, Position); // Set the size of text textSize(16); // Set the text color fill(color( 'red' )); // Getting new modified array text( "New modified array is : " + A, 50, 30); } |
Output:
Reference: https://p5js.org/reference/#/p5/splice