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
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
