Open In App

p5.js splice() function

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
 



Last Updated : 22 Aug, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads