{"id":1019,"date":"2016-03-01T08:16:34","date_gmt":"2016-03-01T08:16:34","guid":{"rendered":"http:\/\/www.jquery-az.com\/?p=1019"},"modified":"2023-12-18T13:09:20","modified_gmt":"2023-12-18T13:09:20","slug":"using-javascript-for-loop-simply-and-in-js-arrays","status":"publish","type":"post","link":"https:\/\/www.jquery-az.com\/using-javascript-for-loop-simply-and-in-js-arrays\/","title":{"rendered":"JavaScript for Loop"},"content":{"rendered":"

\"An<\/p>\n

\n

The for loop in JavaScript<\/strong><\/p>\n

The for loop is used to execute the given code to the given number of times in JavaScript.<\/p>\n

 <\/p>\n

for (let x = 0; x < 10; x++) {\r\n  if (x === 3) {\r\n    break; \/\/ exit the loop when x = 3\r\n  }\r\n  console.log(x);\r\n}\r\n\/\/ Output: 0, 1, 2<\/pre>\n<\/div>\n
Structure of for loop<\/strong><\/h3>\n
This is how the for loop is used, generally, in JavaScript:<\/p>\n
for ( initialization_operator; condition; counter_update){\r\n\r\n\/\/Place code here to execute;\r\n\r\n}<\/pre>\n
There:<\/p>\n\n\n\n\n\n\n
Part<\/strong><\/td>\nDescription<\/strong><\/td>\n<\/tr>\n
initialization operator<\/strong><\/td>\nAfter the ‘for’ keyword, you may specify the initialization operator, for example, a variable’s initial value.<\/p>\n
This is the part of the for loop that executes first, however, this is optional.<\/td>\n<\/tr>\n
condition<\/strong><\/td>\nAfter that, the condition is given that evaluates in each iteration.<\/p>\n
Until the condition is true<\/strong>, the code will keep on executing inside the curly braces.<\/strong><\/td>\n<\/tr>\n
update counter<\/strong><\/td>\nThe last part in the parenthesis is the update counter.<\/p>\n
This may be an increment or decrement operator.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
See the following examples of using the JavaScript for loop where I will start with simple examples and then use them in JS arrays with its length property.<\/p>\n
An example of displaying numbers in a div by using a JS for loop<\/strong><\/h3>\n