Cleaner Code: Using for...of Loops in JavaScript

Learn how to use ES6's for...of loops to clean up your JavaScript code and improve readability. See a real-world example.

in Web Dev

You probably recognize this way of iterating in JavaScript

for (let i = 0; i < myArray.length; i++) {
// do something with myArray[i]
}

in ES6, there's a much cleaner way with for..of loops

for (item of myArray) {
    // do something with item

I think that looks a lot better! I changed several of my for loops to for...of loops in this commit.

Comments

    No comments yet.
    Login to Comment
    Back to Home

    Related Posts

    Django logo with an arrow pointing to the Astro.js logo

    Django to Astro: Migrating a Django Portfolio to Astro.js

    in Web Dev
    Last updated:
    5 min read

    Migrating from Django to Astro.js, I simplified my web development workflow by adopting Astro's efficient, JSX-like templating for my portfolio. This transition not only streamlined the development process but also led to substantial savings on hosting costs, demonstrating Astro.js's value as a modern web development framework.

    0

    John Solly Profile Picture

    John Solly

    A hands-on AI practitioner who transitioned to a CTO role to broaden my impact.

    Most of my career has been dedicated to developing spatial systems at Esri, startups, and federal agencies. Currently, I lead technology strategy for Leidos' Health IT division, supporting agencies such as SSA, VA, and HHS.

    My primary focus is the convergence of spatial computing and AI, enabling machines to interpret the physical world and applying these capabilities to meaningful missions.

    Please reach out if you are interested in spatial systems or advancing AI within the federal government.