p5.js TypedDict get()用法及代码示例

p5.js中p5.TypedDict的get()方法用于返回字典给定键处的值。如果字典中不存在键，则该方法返回undefined。键值对是一组相互映射的两个值。可以通过使用该对的关键字部分查询此字典来访问这些值。一个类型化的字典可以存储可以使用字典方法访问的多个键/值对。

用法:

get( key )

参数：此方法接受单个参数，如上所示和以下讨论：

key:这是一个数字或字符串，表示必须添加到字典中的键。

返回值：此方法返回一个数字或字符串，表示存储在给定键处的值。

以下示例说明了p5.js中的get()方法：

例：

Javascript

let y = 0; 
  
function setup() { 
  createCanvas(550, 500); 
  textSize(16); 
  
  text("Click the buttons to create a " + 
       "dictionary or get the value of the key", 
       20, 20); 
  
  text("Key:", 20, 260); 
  
  key_input = createInput('user'); 
  key_input.position(70, 250); 
  key_input.size(80); 
  
  setBtn =  
    createButton("Create dictionary"); 
  setBtn.position(30, 40); 
  setBtn.mouseClicked(createNewDict); 
  
  getBtn =  
    createButton("Get the value of the given key"); 
  getBtn.position(30, 290); 
  getBtn.mouseClicked(getVal); 
} 
  
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); 
  
    let rkey = "user" + rk; 
    let rval = "data" + rn; 
    obj[rkey] = rval; 
  
    text("Key:" + rkey + "  Value:" + 
         rval, 40, 120 + 20 * i); 
  } 
  
  // Create a string dict using the above values 
  numDict = createStringDict(obj); 
  
  text("New Dictionary created with values", 
       20, 80); 
  
  text("Click the buttons to create a " + 
       "dictionary or get the value of the key", 
       20, 20); 
  
  text("Key:", 20, 260); 
} 
  
function getVal() { 
  
  // Get the key to be retrieved 
  let keyToCheck = key_input.value(); 
  
  // Get the value of the key from the dictionary 
  let keyVal = numDict.get(keyToCheck); 
  
  text("The value at key:" + keyToCheck + 
       " is:" + keyVal, 20, 340 + y * 20); 
  
  y++; 
  
  text("Click the buttons to create a " + 
       "dictionary or get the value of the key", 
       20, 20); 
}

输出：

在线编辑： https://editor.p5js.org/
环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
参考： https://p5js.org/reference/#/p5.TypedDict/get

相关用法

注：本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 p5.js TypedDict get() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。