Open In App

p5.js splice() function

Last Updated : 22 Aug, 2023
Improve
Improve
Like Article
Like
Save
Share
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
 



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads