Skip to content
Related Articles

Related Articles

p5.js | getURLPath() Function
  • Last Updated : 17 Jan, 2020

The getURLPath() function is used to return the current URL path as an array, with each item being a portion of the URL path. This array can be traversed to access every portion of the path separately.

Syntax:

getURLPath()

Parameters: This function does not accept any parameters.

Return Value: It returns an array of the path components.

Below example illustrates the getURLPath() function in p5.js:



Example:




function setup() {
  createCanvas(500, 200);
  
  // get the url path as array
  urlPathArray = getURLPath();
  
  textSize(16);
  
  text("The URL is: http://example.com/path1/path2/path3/index.html", 10, 20);
  
  text("The URL paths are: ", 10, 40);
  // loop through the array to display
  // the array items
  for (let i = 0; i < urlPathArray.length; i++) {
    text('- ' + urlPathArray[i], 10, i * 15 + 60);
  }
  
  // display the array in the console
  console.log(urlPathArray);
}

Output:

  • Displaying the contents of the array:
    path-array-display
  • Viewing the array in the console:
    path-array-console

Online editor: https://editor.p5js.org/
Environment Setup: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

Reference: https://p5js.org/reference/#/p5/getURLPath

My Personal Notes arrow_drop_up
Recommended Articles
Page :