I do not understand for each loops for java script

Question

I just started learning to program and I am watching a tutorial online and do not understand how he is using loops.

This is his example and works

<!DOCTYPE html>
<html>
<head>
  <title> Random </title>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
  <div class="container">
  </div>
  <script>
   var numbers = [33,54,76,34,2,6];
   numbers.forEach(function(number){
           document.write(number);
});

  </script>
</body>
</html>

This is mine and doesn't work

<!DOCTYPE html>
<html>
<head>
  <title> Random </title>
  <link rel="stylesheet" href="style.css"/>
</head>
<body>
  <div class="container">
  </div>
  <script>
   var foods = [pie,cake,brownie];
   foods.forEach(function(string){
    document.write(string);
});


  </script>
</body>
</html>

I have tried replacing the string value in the parenthesis with number but that doesn't work. In the correct code he uses the variable number even though the defined variable is numbers can someone please explain.

When programming JavaScript in a browser it is always a good idea to take a look at the JavaScript console window of your browser. There should appear an error like "Uncaught ReferenceError: pie is not defined". — gus27
– gus27, Commented Mar 22, 2017 at 18:15

Anish Goyal · Accepted Answer · 2017-03-22 18:11:57Z

4

Your issue is pie, cake, and brownie aren't in quotations.

All strings must be surrounded by either single quotes, or double quotes.

Try:

var foods = ["pie", "cake", "brownie"];
foods.forEach(function(str)) {
  document.write(str);
});

Right now, your script will interpret them as variable names. None of those variables are defined, which is why you aren't getting the output you expect.

answered Mar 22, 2017 at 18:11

Anish Goyal

2,85914 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andrew B · Accepted Answer · 2017-03-22 18:27:02Z

3

Put your string values in ' characters - that is:

var foods = ['pie','cake','brownie'];

On a side note using " instead of ' characters works as well.

here's a fixed version of your code on plunker

here's some information about data types in javascript

edited Mar 22, 2017 at 18:27

answered Mar 22, 2017 at 18:12

Andrew B

8901 gold badge14 silver badges23 bronze badges

Collectives™ on Stack Overflow

I do not understand for each loops for java script

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related