p5.js NumberDict maxKey() Method

0 0 2 minutes read

The maxKey() method of p5.NumberDict in p5.js is used to find the highest key value in a number dictionary. A key-value pair is a set of two values that are mapped to each other. These values can be accessed by querying this dictionary using the key portion of the pair. A number dictionary can store multiple key-value pairs that can be accessed using the methods of the dictionary.

Syntax:

maxKey()

Parameters: This function does not accept any parameters.

Return Value: It returns a Number value that is the highest key in the number dictionary.

The example below illustrates the maxKey() method in p5.js:

Example 1:

Javascript

function setup() { 
  createCanvas(500, 300); 
  textSize(16); 
  
  text("Click on the button to add new " + 
       "values or get the highest key", 
       20, 20); 
  
  text("Key:", 20, 60); 
  text("Value:", 160, 60); 
  
  key_input = createInput('1'); 
  key_input.position(70, 50); 
  key_input.size(40); 
  
  val_input = createInput('1'); 
  val_input.position(220, 50); 
  val_input.size(40); 
  
  setBtn = createButton("Add new item"); 
  setBtn.position(30, 100); 
  setBtn.mouseClicked(addtoDict); 
  
  getBtn = createButton("Get Highest Key"); 
  getBtn.position(160, 100); 
  getBtn.mouseClicked(getHighestKey); 
  
  // Create a Number Dictionary initially 
  numDict = createNumberDict(100, 0); 
} 
  
function addtoDict() { 
  clear(); 
  
  let key = int(key_input.value()); 
  let val = int(val_input.value()); 
  
  numDict.set(key, val); 
  
  text("New key-value added to dictionary", 
       20, 160); 
  
  text("Key:", 20, 60); 
  text("Value:", 160, 60); 
  text("Click on the button to add new " + 
       "values or get the highest key", 
       20, 20); 
} 
  
function getHighestKey() { 
  
  // Get the highest key in the dictionary 
  let highestKey = numDict.maxKey(); 
  
  // Display the highest key 
  text("The highest key in the dictionary is: " + 
       highestKey, 20, 200); 
  
  text("Key:", 20, 60); 
  text("Value:", 160, 60); 
  text("Click on the button to add new " + 
       "values or get the highest key", 
       20, 20); 
} 

Output:

Example 2:

Javascript

function setup() { 
  createCanvas(550, 300); 
  textSize(16); 
  
  text("Click on the button to create a " + 
       "new dictionary and get the highest key", 
       20, 20); 
  
  setBtn =  
    createButton("Create random dictionary"); 
  setBtn.position(30, 40); 
  setBtn.mouseClicked(createNewDict); 
  
  getBtn = createButton("Get Highest Key"); 
  getBtn.position(300, 40); 
  getBtn.mouseClicked(getHighestKey); 
} 
  
function createNewDict() { 
  clear(); 
  
  // Create an object with random values 
  let obj = {}; 
  for (let i = 0; i < 5; i++) { 
    let rk = ceil(Math.random() * 100); 
    let rn = floor(Math.random() * 100); 
    obj[rk] = rn; 
  
    text("Key: " + rk + " : Value: " + 
         rn, 40, 120 + 20 * i); 
  } 
  
  // Create a number dict using 
  // the above values 
  numDict = createNumberDict(obj); 
  
  text("New Dictionary created with values", 
       20, 80); 
  
  text("Click on the button to create a " + 
       "new dictionary and get the highest key", 
       20, 20); 
} 
  
function getHighestKey() { 
  
  // Get the highest key in the dictionary 
  let highestKey = numDict.maxKey(); 
  
  // Display the lowest key 
  text("The highest key in the dictionary is: " + 
       highestKey, 20, 240); 
  
  text("Click on the button to create a " + 
       "new dictionary and get the highest key", 
       20, 20); 
} 

Output:

Online editor: https://editor.p5js.org/
Environment Setup: https://www.zambiatek.com/p5-js-soundfile-object-installation-and-methods/
Reference: https://p5js.org/reference/#/p5.NumberDict/maxKey

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!