p5.js splice() function

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

Explore