p5.js NumberDict minKey() 方法
p5.js 中 p5.NumberDict 的minKey()方法用于查找数字字典中键的最小值。键值对是一组相互映射的两个值。可以通过使用该对的键部分查询此字典来访问这些值。数字字典可以存储多个键值对,这些键值对可以使用字典的方法进行访问。
句法:
minKey()
参数:此函数不接受任何参数。
返回值:它返回一个数字值,该值指定数字字典中的最低键。
以下示例说明了 p5.js 中的minKey() 方法:
示例 1:
Javascript
function setup() {
createCanvas(500, 300);
textSize(16);
text("Click on the button to add new " +
"values or get the lowest 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(createNewDict);
getBtn = createButton("Get Lowest Key");
getBtn.position(160, 100);
getBtn.mouseClicked(getLowestKey);
// Create a Number Dictionary initially
numDict = createNumberDict(100, 0);
}
function createNewDict() {
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 lowest key",
20, 20);
}
function getLowestKey() {
// Get the lowest key in the dictionary
let lowestKey = numDict.minKey();
// Display the lowest key
text("The lowest key in the dictionary is: "
+ lowestKey, 20, 200);
text("Key:", 20, 60);
text("Value:", 160, 60);
text("Click on the button to add new " +
"values or get the lowest key",
20, 20);
}
Javascript
function setup() {
createCanvas(550, 300);
textSize(16);
text("Click on the button to create a " +
"new dictionary and get the lowest key",
20, 20);
setBtn =
createButton("Create random dictionary");
setBtn.position(30, 40);
setBtn.mouseClicked(createNewDict);
getBtn = createButton("Get Lowest Key");
getBtn.position(300, 40);
getBtn.mouseClicked(getLowestKey);
}
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 lowest key",
20, 20);
}
function getLowestKey() {
// Get the lowest key in the dictionary
let lowestKey = numDict.minKey();
// Display the lowest key
text("The lowest key in the dictionary is: " +
lowestKey, 20, 240);
text("Click on the button to create a " +
"new dictionary and get the lowest key",
20, 20);
}
输出:
示例 2:
Javascript
function setup() {
createCanvas(550, 300);
textSize(16);
text("Click on the button to create a " +
"new dictionary and get the lowest key",
20, 20);
setBtn =
createButton("Create random dictionary");
setBtn.position(30, 40);
setBtn.mouseClicked(createNewDict);
getBtn = createButton("Get Lowest Key");
getBtn.position(300, 40);
getBtn.mouseClicked(getLowestKey);
}
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 lowest key",
20, 20);
}
function getLowestKey() {
// Get the lowest key in the dictionary
let lowestKey = numDict.minKey();
// Display the lowest key
text("The lowest key in the dictionary is: " +
lowestKey, 20, 240);
text("Click on the button to create a " +
"new dictionary and get the lowest key",
20, 20);
}
输出:
在线编辑器: https://editor.p5js.org/
环境设置: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
参考: https://p5js.org/reference/#/p5.NumberDict/minKey