"execute loop in a strange and peculiar manner using JavaScript

Implement a loop to place markers on the map:

for (i = 0; i <= 6; i++) {
    _coord = prj_markers[i];
    alert(i);
    instance.set_marker(instance, provider, i, _coord, divBlock);
}

This code displays "0" in an alert once and executes instance.set_marker as expected.

Now try placing the alert after executing instance.set_marker:

for (i = 0; i <= 6; i++) {
    _coord = prj_markers[i];        
    instance.set_marker(instance, provider, i, _coord, divBlock);
    alert(i);
}

The alert displays "6" only ONCE instead of six times. What could be causing this discrepancy?

javascriptfunctionloops

Answer №1

Consider starting your for loop by declaring the initial variable like this.

for (var i = 0; ...

Answer №2

When utilizing the for loop, it is important to be mindful of using i as a global variable. If your function instance.set_marker also relies on i as a global variable and assigns it a value greater than 6, it can cause the loop to terminate prematurely.

To avoid this issue, consider renaming the variable and declaring it as a local variable using the var statement:

for (var SomeOtherName = 0; SomeOtherName<= 6; SomeOtherName++) {
    _coord = prj_markers[SomeOtherName];        
    instance.set_marker(instance, provider, SomeOtherName, _coord, divBlock);
    alert(SomeOtherName);
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

An error occured: Unable to access undefined properties (specifically 'hasOwnProperty')

I encountered an issue and managed to solve it. I am currently working on creating an update profile page for my Express app using Mongoose, but I keep getting the error "TypeError: Cannot read properties of undefined (reading 'hasOwnProperty')". ...

javascriptnode.jsmongodbexpressmongoose

In my Vue project, I am required to extract only the numerical value from a select option text and disregard the rest of the text

Currently, I am in the process of learning Vue and have taken on the task of creating a basic tax calculator. The challenge is to display the result in real-time without requiring a "show total value" button. Everything seems to be functioning well except ...

javascriptvue.jsv-model

Reduce the amount of times append is used in JQuery

Whenever I click the button in Jquery, I aim to limit the number of appends that occur. function standardRoom() { var counter = 0; if ($('select#selectBoxStandard option').length > 1) { counter++; $('#selectBoxStandard&ap ...

javascriptjqueryajax

I am looking to manage user-related data in the comment model using mongoose and express

I have a user, post, and comment modal This is my comment modal import mongoose from "mongoose"; const CommentSchema = new mongoose.Schema({ postId: { type: mongoose.Schema.Types.ObjectId, ref: "Post", }, userId: { t ...

javascriptnode.jsmongodbexpressmongoose

Is it possible to locate matches by searching within Python lists?

I have a collection of Python lists containing different strings: List1 = ["a","b","c","d"] List2 = ["b","d","e","f"] List3 = [] List4 = ["d","f","g"] My goal is to iterate through these lists, as long as they are not empty, and identify items that appea ...

pythonlistloops

Tips for achieving printing with the "Fit sheet on one page" option in JavaScript

Is there a way to print a large table of data with 200 or 300 rows all on one page, similar to the Online MS Excel print option 'Fit Sheet on One Page'? I attempted the code below: var tble = document.createElement("table"); tble.id = "tble"; d ...

javascriptjquerycssexcelprinting

Introducing the World of Wordpress Blogging

How can I create an introduction on my WordPress site similar to the one found at ? I am specifically interested in incorporating the expanding horizon line effect. It seems like it may just be a GIF that plays and then fades into the homepage. Are there ...

javascriptjquerycsswordpressgif

By employing the $watch method, the table disappears from the div element

I've integrated the isteven-multi-select directive for my multi-select dropdown functionality. By providing it with a list of thingsList, it generates a corresponding checkedList as I make selections. Initially, I used a button to confirm the selecti ...

javascriptjqueryhtmlangularjsangular-datatables

problem with collapsible dynamic Form List

I'm facing a challenge with implementing dynamic form submission. You can view my code here. The data is being retrieved from the backend. const dataFromBackend = [ { id: 2, start: "2022-01-04T08:00:00.000Z", money: "500" ...

javascriptreactjsformsantdant-design-pro

Avoiding repeated execution of event handlers in subviews of Backbone

Working with Backbone, I have a list container view that should house multiple section views with event handling. However, the issue is that the event is triggered as many times as there are subviews inside the container. I understand that moving the clos ...

javascriptjquerybackbone.jsbackbone-views

What are the reasons behind the min and max range method not providing accurate results?

I am in need of a method that can verify if a given value falls within the valid range of -064.000000 to -180.000000 and 142.000000 to 180.000000. The structure of my ranges object is as follows: "ranges": { "range1": { "min& ...

javascriptreactjs

A guide on implementing AJAX redirection in MVC

I currently have a button that, when clicked, takes input values and redirects to another page in JavaScript using the following code window.location = "Action Param1=value1&Param2=Value2". However, I am looking to avoid using query strings for this me ...

javascriptajaxmodel-view-controller

Transforming javascript's array.map into php's array_map function

The following code snippet is written in JavaScript and consists of a hashmap array with keys and values. I have created a function using map that returns the values of the entered keys. var rule = { "c": "d", "a": "o", "t": "g", "h": "a", "e": "n", "n": ...

javascriptphparrays

What is the best way to bring an image into your nextjs project?

I have a question about importing images into my Next.js project. I created an array of objects and want to import an image stored in a folder on my laptop, specifically in the src folder rather than the public folder. How can I properly achieve this in ...

javascriptreactjsjsonimagenext.js

Attempting to create a multi-page slider using a combination of CSS and JavaScript

Looking for help with creating a slider effect that is triggered when navigating to page 2. Ideally, the div should expand with a width of 200% or similar. Any assistance would be greatly appreciated! http://jsfiddle.net/juxzg6fn/ <html> <head& ...

javascripthtmlcssslider

Checking for the existence of an object while passing variables in jade - a comprehensive guide

Leveraging the power of Jade, passing an object to the client can be achieved in this way: Route: res.render('mypage', { title: 'My Page', myobject : data }); Jade Template: extends layout block navbar include includes/navbar ...

javascriptnode.jspug

CSS magic: Text animation letter by letter

I have a <div> with text. <div> to be revealed on the page one character at a time:</p> <div>, the animation should stop and display the full text instantly.</p> In summary, I aim to replicate an effect commonly seen in Jap ...

javascripthtmlcssanimation

Steps for choosing an option in MUI select list using jest

I am looking for a way to automate tests for a Material UI select component using Jest. Is there a way to select an option from the list of options in the Material UI component and confirm that its value has been successfully populated in Jest? I have se ...

javascriptreactjsjestjsmaterial-ui

Exploring content in Embed message fields

Can anyone help me with logging the contents of an embed received from a specific bot? I've tried some basic things but seem to be missing something. Please review my code and let me know what I'm doing wrong and how I can improve it. Thank you i ...

javascriptnode.jscollectionsdiscord.js

Guide on grabbing characters/words typed next to # or @ within a div element

Within a div element, I have enabled the contenteditable property. My goal is to capture any text input by the user after typing '#' or '@' until the spacebar key is pressed. This functionality will allow me to fetch suggestions from a ...

javascriptjqueryhtml