Chapters

19 Chapters | 1:38:39 |

01

ECMAScript 2015 / ES6 / Harmony / Cookies

5:41
02

Arrow Functions

7:38
03

Rocking Some NodeJS

2:19
04

var Versus let: Scope!

5:04
05

var Versus let: Hoisting!

3:34
06

const Versus let

3:41
07

Object Literals & Optional Args

4:19
08

Legit JavaScript Classes

6:26
09

Static Class Methods

3:16
10

Class Inheritance and super Calls

4:35
11

Destructuring

2:30
12

The... Spread Operator

5:55
13

Template Strings

8:14
14

The for of Loop

3:14
15

Map and WeakMap

7:20
16

Private Variables & WeakMap

7:08
17

Array, Set and ES2016

6:31
18

yarn & npm: Installing Babel

4:06
19

Babel: Transpiling to Old JavaScript

7:01

> JavaScript Fundamentals > JavaScript for PHP Geeks: ES6/ES2015 (New JavaScript)

Buy Access to Course

14.

The for of Loop

|

Autoplay

Keep on Learning!

If you liked what you've learned so far, dive in! Subscribe to get
access to this tutorial plus video, code and script downloads.

Start your All-Access Pass

Buy just this tutorial for $12.00

Previous Chapter

Next Chapter

With a Subscription, click any sentence in the script to jump to that part of the video!

Login Subscribe

Login or register to check out the script

6 Comments

Sort By

Login or Register to join the conversation

plashenkov 6 years ago

You can absolutely use const instead of let in "for of" loop.

|

weaverryan SFCASTS plashenkov 6 years ago edited

Hey plashenkov!

Ah, you're totally right! It's not something I had even thought of - const isn't allowed for a traditional "for", but definitely is for "for of". Thanks for the note!

Cheers!

1 |

Marcin 7 years ago

In _mapErrorsToForm the `return` should be `continue`. With `return` the loop will stop iterating after first valid form input as the method executions is finished.

|

weaverryan SFCASTS Marcin 7 years ago

Hey @Marcin!

Ah, you’re totally right! I’ll have is update that so it doesn’t mess anyone up.

Thanks for reporting this!

1 |

MolloKhan SFCASTS Marcin 7 years ago edited

Hey @Marcin

Actually, in order to stop the loop you have to specifically return false otherwise the return statement will work just as a continue statement

From jQuery docs: "You can stop the loop from within the callback function by returning false."

|

weaverryan SFCASTS MolloKhan 7 years ago edited

Hey MolloKhan!

Yes..... but unfortunately, in this case, we're not using a jQuery loop :). This is a native, JS for loop. So, the return will exit from the _mapErrorsToForm function. But, I know why you got confused! This function did originally use a jQuery loop (https://symfonycasts.com/screencast/javascript/js-validation-error-handling#codeblock-f4b4af62c2). At some point, we refactored it to a native for. And that is when we needed to also change that return statement.

Cheers!

|

This tutorial uses Symfony 3. But, since this is a JavaScript tutorial, all the concepts work fine in newer versions of Symfony.

Symfony 3

What PHP libraries does this tutorial use?

// composer.json
{
    "require": {
        "php": "^7.2.0",
        "symfony/symfony": "3.2.*", // v3.2.14
        "twig/twig": "2.10.*", // v2.10.0
        "doctrine/orm": "^2.5", // v2.7.1
        "doctrine/doctrine-bundle": "^1.6", // 1.10.3
        "doctrine/doctrine-cache-bundle": "^1.2", // 1.3.2
        "symfony/swiftmailer-bundle": "^2.3", // v2.4.2
        "symfony/monolog-bundle": "^2.8", // v2.12.1
        "symfony/polyfill-apcu": "^1.0", // v1.3.0
        "sensio/distribution-bundle": "^5.0", // v5.0.22
        "sensio/framework-extra-bundle": "^3.0.2", // v3.0.19
        "incenteev/composer-parameter-handler": "^2.0", // v2.1.2
        "friendsofsymfony/user-bundle": "~2.0@dev", // dev-master
        "doctrine/doctrine-fixtures-bundle": "~2.3", // v2.4.1
        "doctrine/doctrine-migrations-bundle": "^1.2", // v1.2.1
        "composer/package-versions-deprecated": "^1.11", // 1.11.99
        "friendsofsymfony/jsrouting-bundle": "^1.6" // 1.6.0
    },
    "require-dev": {
        "sensio/generator-bundle": "^3.0", // v3.1.2
        "symfony/phpunit-bridge": "^3.0" // v3.2.2
    }
}

Previous Chapter

Next Chapter