Метод p5.Table getString ()
Опубликовано: 9 Декабря, 2021
Метод getString () для p5.Table в p5.js используется для получения значения String из заданной строки и столбца таблицы. Строку можно указать идентификатором строки, а столбец - идентификатором или именем столбца.
Синтаксис:
getString (строка, столбец)
Параметры: этот метод принимает два параметра, как указано выше и описано ниже:
- row: это число, обозначающее идентификатор строки строки.
- столбец: это строка или число, обозначающее имя или идентификатор столбца.
Возвращаемое значение: этот метод возвращает строку, которая является значением, полученным из данной строки и столбца таблицы.
Примеры ниже иллюстрируют метод getString () в p5.js:
Пример 1:
Javascript
function setup() { createCanvas(600, 300); textSize(18); text( "Click on the button to get all " + "string 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() { table.addColumn( 'Waterfall' ); table.addColumn( 'Height' ); let tableRow = table.addRow(); tableRow.setString( 'Waterfall' , 'Angel Falls' ); tableRow.setString( 'Height' , '979 metres' ); tableRow = table.addRow(); tableRow.setString( 'Waterfall' , 'Tugela Falls' ); tableRow.setString( 'Height' , '948 metres' ); tableRow = table.addRow(); tableRow.setString( 'Waterfall' , 'Tres Hermanas Falls' ); tableRow.setString( 'Height' , '914 metres' ); } function showTable() { clear(); text( "The values of the table are retrieved " + "using the getString() method" , 20, 20); // Show all the columns present for (let c = 0; c < table.getColumnCount(); c++) { text(table.columns, 20 + 200 * c, 80); } // Show all the rows currently // present in the table for (let r = 0; r < table.getRowCount(); r++) { for (let c = 0; c < table.getColumnCount(); c++) { // Get the string at the given row and column text(table.getString(r, c), 20 + 200 * c, 110 + 20 * r); } } } |
Выход:
Пример 2:
Javascript
function setup() { createCanvas(600, 300); textSize(18); text( "Click on the button to get the " + "specific string value of 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() { table.addColumn( 'Waterfall' ); table.addColumn( 'Height' ); let tableRow = table.addRow(); tableRow.setString( 'Waterfall' , 'Angel Falls' ); tableRow.setString( 'Height' , '979 metres' ); tableRow = table.addRow(); tableRow.setString( 'Waterfall' , 'Tugela Falls' ); tableRow.setString( 'Height' , '948 metres' ); tableRow = table.addRow(); tableRow.setString( 'Waterfall' , 'Tres Hermanas Falls' ); tableRow.setString( 'Height' , '914 metres' ); } 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 string at the given row and column text(table.getString(rowToGet, colToGet), 20, 180); } else text( "Please enter correct row and " + "column values" , 20, 160); text( "Click on the button to get the " + "specific string value of 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/getString