Доступ к массиву дает неопределенный p5.js

Question

Доступ к массиву дает неопределенный p5.js

1

это моя вторая попытка в этом вопросе, надеюсь, я могу быть немного более яснее относительно моей проблемы. У меня есть начальная настройка p5.js:

// Setup empty array (I beleive 'position' this is in the global scope?)
let position = []
//p5 setup
function setup(){
  createCanvas(400,400)
  // Simple for loop to create an array of floating random numbers between 5 and 10 using the p5.js random function
  for(let i = 0; i < 10 ; i++){
    let x = random(5,10)
    position.push(x)
  }
}
function draw(){
  background(100)
  text('This is the implementation of random ${random(5,10)',10,10)
}
// Loging position unless I am mistaken, does NOT show the array
console.log(position)
// But trying to access an specific value within the array gives an 'undefined'
console.log(position[1])
// Undefined

Как получить доступ к индивидуальной стоимости?

let position = []

function setup() {
  createCanvas(400, 400);
  for (let i = 0; i < 10; i++) {
    let x = random(5, 10)
    position.push(x)
  }
}
console.log('The position array is ${position}')
console.log('The length of the position array is ${position.length}')
console.log('The second value in the position array is ${position[1]}')

function draw() {
  background(200)
  text('This is the implementation of random ${random(5,10)}',10,10)
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.js"></script>

James 09 янв. 2018, в 15:03

Источник

0

Вы также можете поделиться реализацией random ?
Rajesh 09 янв. 2018, в 13:52
1

Вы нигде не вызываете setup() . Исправьте свой отступ, и это станет очевидным. У фрагментов есть кнопка «Tidy», которая делает это за вас.
Chris G 09 янв. 2018, в 13:53
0

Похоже, вы на самом деле не поняли смысла наличия функции. Вы не просто заключаете код в функцию, чтобы сделать ее красивее, смысл в том, чтобы иметь возможность запускать код несколько раз, фактически не дублируя его. Код внутри функции не запускается, если функция не вызывается.
Chris G 09 янв. 2018, в 13:59
0

Я полагаю, что setup () вызывается фреймворком p5.js, вероятно, при загрузке окна?
James 09 янв. 2018, в 14:02
0

Возможно, но ваши console.log() вызываются сразу после let position = [] , пока он еще пуст. Переместите журнал вызовов в конец функции настройки, и она будет работать нормально.
Chris G 09 янв. 2018, в 14:04
0

@Rajesh запустить фрагмент кода, чтобы увидеть случайную реализацию
James 09 янв. 2018, в 14:09
0

Спасибо Крис, это сработало. Как вы предлагаете, я переместил журналы вызовов в setup (), и они работали как положено. Я просто не понимаю, почему?
James 09 янв. 2018, в 14:19

Показать ещё 5 комментариев

Теги:

javascript

p5.js

1 ответ

Ещё вопросы

Вы также можете поделиться реализацией random ?
Вы нигде не вызываете setup() . Исправьте свой отступ, и это станет очевидным. У фрагментов есть кнопка «Tidy», которая делает это за вас.
Похоже, вы на самом деле не поняли смысла наличия функции. Вы не просто заключаете код в функцию, чтобы сделать ее красивее, смысл в том, чтобы иметь возможность запускать код несколько раз, фактически не дублируя его. Код внутри функции не запускается, если функция не вызывается.
Я полагаю, что setup () вызывается фреймворком p5.js, вероятно, при загрузке окна?
Возможно, но ваши console.log() вызываются сразу после let position = [] , пока он еще пуст. Переместите журнал вызовов в конец функции настройки, и она будет работать нормально.
@Rajesh запустить фрагмент кода, чтобы увидеть случайную реализацию
Спасибо Крис, это сработало. Как вы предлагаете, я переместил журналы вызовов в setup (), и они работали как положено. Я просто не понимаю, почему?

Kevin Workman · Accepted Answer · 2018-01-09T14-58-00.000Z

Пожалуйста, подтвердите порядок выполнения кода. Рассмотрим этот основной пример:

console.log('one');

function setup(){
  console.log('two');
}

function draw(){
  console.log('three');
}

Когда ваш код загружен, это происходит:

console.log() первый оператор console.log() и печатается 'one'.
Функция setup() определена, но пока не выполняется.
Функция draw() определена, но пока не выполняется.
Позже setup() функции setup() и draw().

Теперь рассмотрим этот пример, который ближе к тому, что у вас есть:

function setup(){
  console.log('two');
}

console.log('one');

function draw(){
  console.log('three');
}

Когда вы запускаете этот код, происходит следующее:

Функция setup() определена, но пока не выполняется.
Оператор console.log('one') запускается и печатается 'one'.
Функция draw() определена, но пока не выполняется.
Позже setup() функции setup() и draw().

Другими словами, код, который вы используете вне функции, выполняется до того, как эти функции будут автоматически вызваны библиотекой P5.js. В вашем случае вы запускаете код, который обращается к массиву, прежде чем добавлять что-либо к нему.

Чтобы устранить проблему, переместите код внутри функции setup(). Это все.