Метод 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

JavaScript

Метод p5.Table getString ()

Javascript

Javascript

РЕКОМЕНДУЕМЫЕ СТАТЬИ