Elements that have been added to an Array and now making a

Question

Elements that have been added to an Array and now making a

Hello, I have a question about working with arrays. I did search for answers before posting this but couldn't find a solution.

My goal is to create a simple code where a prompt asks for names until no name is entered. However, when I try to access the array at the end, it only shows 'true' instead of the actual names.

I am new to working with arrays and have tried various methods without success in getting the correct names. Can anyone provide some guidance on this issue?

var enterNames = new Array();
var i;

while(i = prompt("Please enter a name", "") != "")
{
    enterNames.push(i);
}
document.write(enterNames);

Thank you in advance for any help you can offer.

Best regards, Jack

javascript arrays

Answer 1

Answer №1

Understanding the logic of operator precedence is key: when evaluating your while condition, the != is processed first to produce a boolean value before the assignment with the = operator assigns it to i.

To address this, you can use parentheses to group the operations as needed:

while((i = prompt("Please enter a name", "")) != "")

In the given example:

var enterNames = [];
var i;

while((i = prompt("Please enter a name", "")) != "") {
    enterNames.push(i);
}
document.write(enterNames);

(It's worth noting that assigning values within a loop condition may be discouraged by some developers, but it does function in this scenario. Additionally, using [] is generally preferred over new Array() for creating an empty array. Lastly, utilizing document.write() is typically not recommended.)

Answer 2

Understanding the logic of operator precedence is key: when evaluating your while condition, the != is processed first to produce a boolean value before the assignment with the = operator assigns it to i.

To address this, you can use parentheses to group the operations as needed:

while((i = prompt("Please enter a name", "")) != "")

In the given example:

var enterNames = [];
var i;

while((i = prompt("Please enter a name", "")) != "") {
    enterNames.push(i);
}
document.write(enterNames);

(It's worth noting that assigning values within a loop condition may be discouraged by some developers, but it does function in this scenario. Additionally, using [] is generally preferred over new Array() for creating an empty array. Lastly, utilizing document.write() is typically not recommended.)

Answer 3

Answer №2

let namesEntered = []; //using let instead of var
function askForName(){
  let name = prompt("Please enter a name", "");
  if(name === ""){
    askForName();
    return;
  }
  namesEntered.push(name);
}
askForName();
console.log(namesEntered);

Answer 4

let namesEntered = []; //using let instead of var
function askForName(){
  let name = prompt("Please enter a name", "");
  if(name === ""){
    askForName();
    return;
  }
  namesEntered.push(name);
}
askForName();
console.log(namesEntered);

Elements that have been added to an Array and now making a

Answer №1

Answer №2

Similar questions

Deciphering the mechanics of collection referencing in mongoose

Tips for importing a Multimaterial .dae file in three.js?

Having trouble retrieving Bengali-language data from the server using jQuery AJAX

Copy the rows of a two-dimensional array in order to incorporate all dates falling within the specified start and end date range of each row

How can state be shared between sibling components in React?

Repeated elements found in Array

Creating a canvas in Javascript that allows users to drag and drop elements within set boundaries

Verify with PropTypes whether the props object is a valid JSON structure

Creating a TypeScript record with the help of the keyof operator and the typeof keyword

Organizing a schedule of dates while also incorporating them into the existing collection of items

There seems to be an issue with the rendering of face normals in Three

Manipulating data with Angular's array object

Dealing with repeated parameters in a URLHow can you handle duplicate

Directing JSON POST Request Data to View/Controller in a Node.js Application

Error: OBJLoader is not defined in Three.js

The Array Result of a WordPress WP_Query

Stop options from being hidden in a select dropdown using HTML

deleting a row from a table once XmlHttpRequest is finished

Unable to assign a value to a property within a JavaScript object

Problem with full-page navigation sliding in and fading in and out