The size() method of p5.TypedDict in p5.js is used to get the current size of the dictionary. The size represents the number of key-value pairs currently present in the 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 typed dictionary can store multiple key-value pairs that can be accessed using the methods of the dictionary.
Syntax:
size()
Parameters: This method does not accept any parameters.
The example below illustrates the size() method in p5.js:
Example:
Javascript
let tmp = 1;
function setup() {
createCanvas(550, 500);
textSize(16);
text( "Click the button to add a new entry " +
"or check the size of the dictionary" ,
20, 20);
addBtn = createButton( "Add a new entry" );
addBtn.position(30, 40);
addBtn.mouseClicked(addEntry);
checkBtn =
createButton( "Check size of dictionary" );
checkBtn.position(30, 80);
checkBtn.mouseClicked(checkSize);
numDict = createStringDict( 'k0' , 'v0' );
}
function addEntry() {
numDict.create( "k" + tmp, "v" + tmp);
text( "New Entry added to the dictionary" ,
20, 120 + tmp * 20);
tmp++;
}
function checkSize() {
let currSize = numDict.size();
text( "The current size of the dictionary is: " +
currSize, 20, 120 + tmp * 20);
tmp++;
}
|
Output:

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.TypedDict/size
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks 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!
Last Updated :
25 Nov, 2020
Like Article
Save Article