Метод p5.Table get ()
Опубликовано: 30 Марта, 2022
Метод get () для p5.Table в p5.js используется для получения значения из заданной строки и столбца таблицы. Строку можно указать идентификатором строки, а столбец - идентификатором или именем столбца.
Синтаксис:
получить (строка, столбец)
Параметры: этот метод принимает два параметра, как указано выше и описано ниже:
- row: это число, обозначающее идентификатор строки строки.
- столбец: это строка или число, обозначающее имя или идентификатор столбца.
Возвращаемое значение: этот метод возвращает строковое или числовое значение, полученное из данной строки и столбца таблицы.
Приведенные ниже примеры иллюстрируют метод get () в p5.js:
Example 1:
Javascript
function setup() { createCanvas(500, 300); textSize(18); text( "Click on the button to get all " + "the values of the table" , 20, 20); setBtn = createButton( "Get all table values" ); setBtn.position(30, 40); setBtn.mouseClicked(showTable); // Create the table table = new p5.Table(); setTableData(); } function setTableData() { // Add 5 columns and rows to the table for (let i = 0; i < 5; i++) { table.addColumn( "Column " + i); table.addRow(); } for (let r = 0; r < 5; r++) { for (let c = 0; c < 5; c++) { // Set the value at the given // column and row of the table table.set(r, c, r + " " + c); } } } function showTable() { clear(); text( "The values of the table are retrieved " + "using the get() method" , 20, 20); // Show all the columns present for (let c = 0; c < 5; c++) { text(table.columns, 20 + 100 * c, 80); } // Show all the rows currently // present in the table for (let r = 0; r < 5; r++) { for (let c = 0; c < 5; c++) { // Get the value at the given row // and column text(table.get(r, c), 20 + 100 * c, 100 + 20 * r); } } } |
Выход:
Example 2:
Javascript
function setup() { createCanvas(500, 300); textSize(18); text( "Click on the button to get " + "that value in the table" , 20, 20); text( "Enter row and column" , 20, 60); rowInp = createInput(); rowInp.position(30, 80); rowInp.size(30, 20); colInp = createInput(); colInp.position(70, 80); colInp.size(30, 20); setBtn = createButton( "Get value at row and column" ); setBtn.position(30, 110); setBtn.mouseClicked(getValueAt); // Create the table table = new p5.Table(); setTableData() } function setTableData() { // Add 5 columns and rows to the table for (let i = 0; i < 5; i++) { table.addColumn( "Column " + i); table.addRow(); } for (let r = 0; r < 5; r++) { for (let c = 0; c < 5; c++) { // Set the value at the given // column and row of the table table.set(r, c, r + " " + c); } } } function getValueAt() { clear(); let rowToGet = int(rowInp.value()); let colToGet = int(colInp.value()); if (rowToGet < table.getRowCount() && colToGet < table.getColumnCount()) { text( "The value at row " + rowToGet + " and column " + colToGet + " is:" , 20, 160); // Get the value at the given row // and column text(table.get(rowToGet, colToGet), 20, 180); } else text( "Please enter correct row and " + "column values" , 20, 160); text( "Click on the button to get that value " + "in the table" , 20, 20); text( "Enter row and column" , 20, 60); } |
Выход:
Онлайн-редактор: https://editor.p5js.org/
Настройка среды: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Ссылка: https://p5js.org/reference/#/p5.Table/get