Accessing a specific element within an array that has been nested within another array, using JavaScript

Question

Accessing a specific element within an array that has been nested within another array, using JavaScript

Here's what my code looks like:

planets[0]= new THREE.Mesh( geometry, material );
planettexts[0]= new THREE.Mesh( textGeometry, textMaterial );
planets[0].add(planettexts[0]);

Now, I am trying to hide the planettext, but every attempt results in an error.

planets[0].planettexts.visible=false;

Or

planets[0].planettexts[0].visible=false;

I keep getting an undefined error. I have never encountered this issue when modifying an element that was not part of an array before. Also, planettexts is indeed listed as a child of planets[0]. Any suggestions on how to resolve this problem?

javascript arrays three.js

Answer 1

Answer №1

By utilizing the .add() method, you are essentially inserting your planettexts[0] object into the children Array attribute of the planets[0] object.

To retrieve it, you would then need to access it through the .children attribute. For example:

planets[0].children[0].visible=false;

(It is important to determine the correct child in the Array position! In the provided code snippet, there is only one child present, so children[0] should be accurate)

Answer 2

By utilizing the .add() method, you are essentially inserting your planettexts[0] object into the children Array attribute of the planets[0] object.

To retrieve it, you would then need to access it through the .children attribute. For example:

planets[0].children[0].visible=false;

(It is important to determine the correct child in the Array position! In the provided code snippet, there is only one child present, so children[0] should be accurate)

Accessing a specific element within an array that has been nested within another array, using JavaScript

Answer №1

Similar questions

What is the best way to save the data received from createApi into the Redux store?

An easy way to attach a Contextmenu to a specific element

invoke a managed bean to execute JavaScript code

Transformation of JSON output from the controller into a sophisticated entity: Razor

Believing that members possess a certain role when they actually do not

Adjust google maps to fill the entire vertical space available

Having trouble navigating with router.navigate and utilizing local storage?

The functionality of the Bootstrap carousel may be compromised when initialized through JavaScript

Retrieve an image located outside of a container

"Commitment made ahead of time without allowing for the outcome to

Retrieve all the records from the collection that have a specific reference number in their ID field

The onclick event is malfunctioning in Chrome when dealing with data driven by SQL

Grouping elements of an array of objects in JavaScript

The use of callbacks is ineffective in addressing the asynchronous nature of

Incorporating outside content into HTML

Trouble transferring data between sibling components in Vue.js

Utilize focusout and onclick events on multiple components at the same time

Retrieving data from Immediately Invoked Function Expressions

Creating a seamless scrolling experience with a designated stopping point - here's how to achieve it!

Loop through two sets of data and perform multiplication on specific attributes when they match