Javascript Lezione 57

<!doctype html>
<html lang="en">
  <head>
    <title>Title</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   </head>
  <body>
    <!-- <button id="btn">cliccami</button> -->

    <script>
        // document.getElementById('btn').
        //   addEventListener('click', function () {console.log(this.innerHTML);})

        let innerHTML = 'Marameo!';

        // document.getElementById('btn').
        //   addEventListener('click', () => {console.log(this.innerHTML); return null;})

        // function Pari(num) {return a%2 === 0 ? true : false;}
        // function Max(a, b) {return a>=b ? a : b;}  //forma dichiarativa


        // const m = function() {/* ... */}           //forma espressione

        const Pari = num => num%2 === 0 ? true : false;
        const Max = (a, b) => a>=b ? a : b;

        function Ripeti(s, volte) {

            console.log(this);
            let risultato = s;
            for (let i=0; i<volte-1; i++)
              risultato+=s;
            return risultato;

        }


        const RipetiArrow = (s, volte) => {
            console.log(this);
            let risultato = s;
            for (let i=0; i<volte-1; i++)
              risultato+=s;
            return risultato;
        }

        // const Ripeti = (s, volte) => (function (stringa, cont) {
        //     let risultato = stringa;
        //     for (let i=0; i<cont-1; i++)
        //       risultato+=stringa;
        //     return risultato;
        // } (s, volte));

        // console.log (Ripeti('*', 10));
        // console.log (RipetiArrow('*', 10));

        // const CreaObj= (chiave, valore) => ({[chiave] : valore});
        // obj = CreaObj('altezza', 180);
        // console.log(obj.altezza);

          // class Punto2D {
          //   constructor(x, y) {
          //     this.x = x;
          //     this.y = y;

          //   }
          //   DistanzaOrigine = () => {
          //     return Math.sqrt(this.x * this.x + this.y * this.y);
          //   }
          // }

        const punto2D = {
            x: 1,
            y: 1,

            DistanzaOrigine: function () {
              const s = 'paperino';
              // function checkQuadrante() {
              //   console.log(this);
              //   return this.x>0 && this.y>0;
              // }

              const checkQuadrante = _ => {console.log(s); return this.x>0 && this.y>0};

              return checkQuadrante() ?  Math.sqrt(this.x*this.x + this.y*this.y) : NaN;}
        }

        // var x = 1.1;
        // var y = 0.9;

        // const punto2D = {
        //     x: 1,
        //     y: 1,

        //     DistanzaOrigine: _ => {console.log(this); return Math.sqrt(this.x*this.x + this.y*this.y);}
        // }

        //console.log(punto2D.DistanzaOrigine());

        const statistiche = {
          v: [13, -6, -67, -9, 34, 2, -11],
          soglia: 12,

          filtraArray: function ()
          { //console.log(this);
            self=this;
            return this.v.map(function (elemento){console.log(self); return elemento>self.soglia ? elemento : 0;} );
            //return this.v.map( elemento => elemento>this.soglia ? elemento : 0 );
          }
        }

        const arrayFiltrato = statistiche.filtraArray();
        console.log(arrayFiltrato);

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