El método getColumn() de p5.Table en p5.js se usa para recuperar todos los valores en la columna dada y devolverlos en forma de array. La columna a devolver se puede dar en forma de su título o ID.
Sintaxis:
getColumn( column )
Parámetros: esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación:
- columna: Es una String o Número que denota el título o el número de la columna a devolver.
Valor devuelto: Devuelve una array de valores de columna según lo especificado por el parámetro de columna.
El siguiente ejemplo ilustra la función getColumn() en p5.js:
Ejemplo:
javascript
function setup() {
createCanvas(500, 200);
textSize(16);
getColBtn = createButton("Get Column Values");
getColBtn.position(30, 50);
getColBtn.mouseClicked(getCols);
text("Click on the button to get column values", 20, 20);
// Create the table
table = new p5.Table();
// Add two columns
// using addColumn
table.addColumn("author");
table.addColumn("language");
// Add two rows
let newRow = table.addRow();
newRow.setString("author", "Dennis Ritchie");
newRow.setString("language", "C");
newRow = table.addRow();
newRow.setString("author", "Bjarne Stroustrup");
newRow.setString("language", "C++");
}
function getCols() {
// Array of values in the column "author"
author_col = table.getColumn("author");
text("Column author: ", 20, 100);
// Loop through the array to display the values
for (let i = 0; i < author_col.length; i++) {
text(author_col[i], 170 + i * 120, 100);
}
// Array of values in the column "language"
language_col = table.getColumn("language");
text("Column language: ", 20, 120);
// Loop through the array to display the values
for (let i = 0; i < language_col.length; i++) {
text(language_col[i], 170 + i * 120, 120);
}
}
Producción:
Editor en línea: https://editor.p5js.org/
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Referencia: https://p5js.org/ referencia/#/p5.Table/getColumn
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA