Open In App

p5.js splice() function

Last Updated : 22 Aug, 2023
Comments
Improve
Suggest changes
Like Article
Like
Report

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
 


Next Article

Similar Reads