Need to `come back` multiple times

Question

Need to `come back` multiple times

I am facing an issue where I want to return multiple lines, but only the first line is being returned. I attempted to create a function specifically for returning the line, but encountered errors because I couldn't figure out where to place it.

Does anyone have suggestions on how to accomplish this task successfully?

for (var i = 0; i < testArray.length; i +=3) {
    geometry.vertices.push(
        new THREE.Vector3( testArray[i], testArray[i + 1], testArray[i + 2] ),
        new THREE.Vector3( testArray[i + 3], testArray[i + 4], testArray[i + 5] ));

    var line = new THREE.Line(geometry, material);

    return line;
    // alternatively, if using a function, call returnLine(line);
}

Here is the attempt at creating a function:

function returnLine(line) {
    return line;
}

javascript three.js return

Answer 1

Answer №1

When it comes to returning values, keep in mind that you can only return one value per function call. The use of the return statement will automatically end your function. Trying to solve this by nesting your return statement within another function is not a viable solution.

To work around this limitation, consider wrapping the values you want to return in an array. By doing so, you can easily access all the values in the calling function:

var resultArr = [];

for (var j = 0; j < inputArray.length; j += 4) {
    output.push(
        new DataEntry(inputArray[j], inputArray[j + 1], inputArray[j + 2]),
        new DataEntry(inputArray[j + 3], inputArray[j + 4], inputArray[j + 5])
    );

    var newData = new Data(output);

    resultArr.push(newData);
}

return resultArr;

This approach allows for easier processing of the output data in the calling function. Simply iterate through the returned array and handle each piece of data accordingly.

Answer 2

When it comes to returning values, keep in mind that you can only return one value per function call. The use of the return statement will automatically end your function. Trying to solve this by nesting your return statement within another function is not a viable solution.

To work around this limitation, consider wrapping the values you want to return in an array. By doing so, you can easily access all the values in the calling function:

var resultArr = [];

for (var j = 0; j < inputArray.length; j += 4) {
    output.push(
        new DataEntry(inputArray[j], inputArray[j + 1], inputArray[j + 2]),
        new DataEntry(inputArray[j + 3], inputArray[j + 4], inputArray[j + 5])
    );

    var newData = new Data(output);

    resultArr.push(newData);
}

return resultArr;

This approach allows for easier processing of the output data in the calling function. Simply iterate through the returned array and handle each piece of data accordingly.

Answer 3

Answer №2

let points = [];
for (let j = 0; j < testArray.length; j +=4) {
    geometry.vertices.push(
        new THREE.Vector3( testArray[j], testArray[j + 1], testArray[j + 2] ),
        new THREE.Vector3( testArray[j + 3], testArray[j + 4], testArray[j + 5] ));
    let point = new THREE.Line(geometry, material);
    points.push(point);
}
return points;

Answer 4

let points = [];
for (let j = 0; j < testArray.length; j +=4) {
    geometry.vertices.push(
        new THREE.Vector3( testArray[j], testArray[j + 1], testArray[j + 2] ),
        new THREE.Vector3( testArray[j + 3], testArray[j + 4], testArray[j + 5] ));
    let point = new THREE.Line(geometry, material);
    points.push(point);
}
return points;

Answer 5

Answer №3

In functions, the return keyword is typically used to return a specific value. However, you can still iterate over the testArray using the map array method.

var testArray = [1, 2, 3], 
newArray = [];

newArray = testArray.map(function(element, i){
geometry.vertices.push(
    new THREE.Vector3( testArray[i], testArray[i + 1], testArray[i + 2] ),
    new THREE.Vector3( testArray[i + 3], testArray[i + 4], testArray[i + 5] ));

var line = new THREE.Line(geometry, material);

return line;

});

function getLine(index) {
    return newArray[index || 0];
};

Answer 6

In functions, the return keyword is typically used to return a specific value. However, you can still iterate over the testArray using the map array method.

var testArray = [1, 2, 3], 
newArray = [];

newArray = testArray.map(function(element, i){
geometry.vertices.push(
    new THREE.Vector3( testArray[i], testArray[i + 1], testArray[i + 2] ),
    new THREE.Vector3( testArray[i + 3], testArray[i + 4], testArray[i + 5] ));

var line = new THREE.Line(geometry, material);

return line;

});

function getLine(index) {
    return newArray[index || 0];
};

Need to `come back` multiple times

Answer №1

Answer №2

Answer №3

Similar questions

Having difficulty loading the controller into my AngularJS module

What is the best way to retrieve the Firebase API key from an Express backend in order to initialize firebase.initializeApp()?

I am attempting to retrieve JSON data in JavaScript but am seeing a null response in the action class

One way to concatenate texts in an array of dictionaries while keeping the order intact in JS/React is to compare and match specific key-value pairs

What advantages come from caching the document object for improved performance?

Spinning divs using JavaScript when the mouse hovers over them, and then returning them to their original position when the mouse moves

When the document is fully loaded on a page that has been dynamically loaded

Exploring Three.js on Cordova with WebGL

I am receiving a high volume of row data from the server. What is the best way to present this information on a redirected page?

Is there a way to pass a v-modal as an array when setting Axios params?

Should a Service Worker be automatically installed on each page reload, or only when a user navigates to a new page?

What could be causing the shadowbox not to display in Internet Explorer?

Prevent certain images from loading by blocking them

Selenium is having trouble finding an element on the PayPal login page

JasmineJS: manipulating the DOM to achieve the desired outcome

Unlimited highway CSS3 motion

Did the menu get shifted downwards on the mobile version by using bootstrap?

Every time I try to run npm start on my React app, I keep receiving the error message "? Something is already running on port 3000"

Leveraging require in AWS lambda operations

What is the method to verify if a pop-up browser window has completed its loading process?