Ad
Code
Diff
  • async function a() {
      return 'ok';
    }
    
    async function b() {
      try {
        let res = await a();
        console.log(res);
      } catch(err){
        console.log(err);
      };
    }
    • function a() {
    • return new Promise(function (resolve, reject) {
    • resolve('ok');
    • });
    • async function a() {
    • return 'ok';
    • }
    • function b() {
    • a().then(function(res) {
    • async function b() {
    • try {
    • let res = await a();
    • console.log(res);
    • }).catch(function(err) {
    • } catch(err){
    • console.log(err);
    • })
    • };
    • }
Code
Diff
  • async function monteCarlo() {
      return {
          titulo: 'UOL - O Melhor conteúdo'
        };
    }
    
    async function main() {
    
      // converter para ES6
      let response = await monteCarlo();
      console.log(response);
      
      return true;
    }
    • function monteCarlo() {
    • return new Promise(function (resolve, reject) {
    • resolve([{
    • async function monteCarlo() {
    • return {
    • titulo: 'UOL - O Melhor conteúdo'
    • }]);
    • });
    • };
    • }
    • async function main() {
    • // converter para ES6
    • monteCarlo().then(function(response) {
    • console.log(response)
    • });
    • let response = await monteCarlo();
    • console.log(response);
    • return true;
    • }
Code
Diff
  • // 1 - Encontre  um número maior que 6
    var arr = [1, 4, 6, 8, 10];
    var resp = null;
    for (var i = 0; i < arr.length; ++i) {
    	if (arr[i] > 6) {
    		resp = arr[i];
    		break;
    	}
    }
    
    
    arr.find((item) => {
      return item > 6
    });
    
    // 2 - Encontre o índice de um número maior que 6
    var arr = [1, 4, 6, 8, 10];
    var resp = null;
    for (var i = 0; i < arr.length; ++i) {
    	if (arr[i] > 6) {
    		resp = i;
    		break;
    	}
    }
    arr.findIndex((item) => {
      return item > 6
    });
    
    
    // 3 - Encontre os numeros maiores que 6
    var arr = [1, 4, 6, 8, 10];
    var resp = arr.reduce((carry, item) => {
      if (item > 6)
        carry.push(item);
      return carry;
    }, []);
    
    arr.filter((item) => {
      return item > 6
    });
    
    
    // 4 - O array contém o número 6?
    var arr = [1, 4, 6, 8, 10];
    var resp = arr.indexOf(6) > -1;
    
    arr.includes((item) => {
      return item == 6
    });
    
    
    // 5 - Todos os números do array são números pares?
    var arr = [2, 4, 6, 8, 9];
    var resp = true;
    for (var i = 0; i < arr.length; ++i) {
      if (arr[i] % 2 !== 0) {
        resp = false;
        break;
      }
    }
    
    arr.every((item) => {
      return item %2 == 0;
    });
    
    
    
    // 6 - Algum número no array é impar?
    var arr = [2, 4, 0, -2];
    var resp = arr.reduce(function (carry, item) {
      return carry || (item % 2 !== 0);
    }, false);
    
    arr.some((item) => {
      return item %1 != 0
    });
    • // 1 - Encontre um número maior que 6
    • var arr = [1, 4, 6, 8, 10];
    • var resp = null;
    • for (var i = 0; i < arr.length; ++i) {
    • if (arr[i] > 6) {
    • resp = arr[i];
    • break;
    • }
    • }
    • arr.find((item) => {
    • return item > 6
    • });
    • // 2 - Encontre o índice de um número maior que 6
    • var arr = [1, 4, 6, 8, 10];
    • var resp = null;
    • for (var i = 0; i < arr.length; ++i) {
    • if (arr[i] > 6) {
    • resp = i;
    • break;
    • }
    • }
    • arr.findIndex((item) => {
    • return item > 6
    • });
    • // 3 - Encontre os numeros maiores que 6
    • var arr = [1, 4, 6, 8, 10];
    • var resp = arr.reduce((carry, item) => {
    • if (item > 6)
    • carry.push(item);
    • return carry;
    • }, []);
    • arr.filter((item) => {
    • return item > 6
    • });
    • // 4 - O array contém o número 6?
    • var arr = [1, 4, 6, 8, 10];
    • var resp = arr.indexOf(6) > -1;
    • arr.includes((item) => {
    • return item == 6
    • });
    • // 5 - Todos os números do array são números pares?
    • var arr = [2, 4, 6, 8, 9];
    • var resp = true;
    • for (var i = 0; i < arr.length; ++i) {
    • if (arr[i] % 2 !== 0) {
    • resp = false;
    • break;
    • }
    • }
    • arr.every((item) => {
    • return item %2 == 0;
    • });
    • // 6 - Algum número no array é impar?
    • var arr = [2, 4, 0, -2];
    • var resp = arr.reduce(function (carry, item) {
    • return carry || (item % 2 !== 0);
    • }, false);
    • }, false);
    • arr.some((item) => {
    • return item %1 != 0
    • });
Code
Diff
  • const main = () => {
    
      let a = [1, 2, 3];
      
      let b = [4, 5, 6];
      
      let c = [7, 8, 9];
      
      var d = [...a,...b,...c]
      
      return d.join(',');
    }
    • const main = () => {
    • let a = [1, 2, 3];
    • let b = [4, 5, 6];
    • let c = [7, 8, 9];
    • // converter para ES6
    • var d = a.concat(b).concat(c);
    • var d = [...a,...b,...c]
    • return d.join(',');
    • }
Code
Diff
  • class Component {
      constructor(dom) {
        console.log('Parent class constructor executed!');
        this.dom = dom;
      }
      
      onCreate() {
        return true;
      }
    }
    
    class Collection extends Component {
      constructor(dom,created){
        super(dom);
      }
    }
    
    new Collection('#body',true);
    • class Component {
    • constructor(dom) {
    • console.log('Parent class constructor executed!');
    • this.dom = dom;
    • }
    • onCreate() {
    • return true;
    • }
    • }
    • class Collection {
    • //
    • }
    • class Collection extends Component {
    • constructor(dom,created){
    • super(dom);
    • }
    • }
    • new Collection('#body',true);
Code
Diff
  • class Component {
      constructor(dom) {
          this.dom = dom;
      }
      
      onCreate() {
        console.log('onCreate from parent class');
        return 'missing';
      }
      
      static on(event, callback) {
        callback();
      }
      
      async emit(event, data) {}
    }
    
    class Title extends Component {
      constructor(dom) {
          super(dom);
      }
      
      onCreate() {
        super.onCreate();
        return 'super!';
      }
    }
    
    • class Component {
    • constructor(dom) {
    • this.dom = dom;
    • }
    • onCreate() {
    • console.log('onCreate from parent class');
    • return 'missing';
    • }
    • static on(event, callback) {
    • callback();
    • }
    • async emit(event, data) {}
    • }
    • class Title extends Component {
    • constructor(dom) {
    • super(dom);
    • }
    • onCreate() {
    • super.onCreate();
    • return 'super!';
    • }
    • }
Code
Diff
  • class Component {
      constructor(dom) {
        this.dom = dom;
      }
      
      onCreate() {
        return this.dom;
      }
    }
    • function Component(dom) {
    • this.dom = dom;
    • this.onCreate = function() {
    • class Component {
    • constructor(dom) {
    • this.dom = dom;
    • }
    • onCreate() {
    • return this.dom;
    • }
    • }
Code
Diff
  • const todo = function todo() {
      return 'Walk';
    }
    
    // reescrever em ES6
    {
      function todo() {
        return 'Run';
      }
    }
    • function todo() {
    • const todo = function todo() {
    • return 'Walk';
    • }
    • // reescrever em ES6
    • (function() {
    • {
    • function todo() {
    • return 'Run';
    • }
    • })();
    • }
Code
Diff
  • // reescreva usando ES6
    
    var prop = 'myProp';
    
    var obj = {
      [prop]: 123,
      myFunc() {
        return this[prop];
      } 
    };
    • // reescreva usando ES6
    • var prop = 'myProp';
    • var obj = {
    • myFunc: function() {
    • [prop]: 123,
    • myFunc() {
    • return this[prop];
    • }
    • };
    • obj[prop] = 123;
    • };
Code
Diff
  • var title = 'UOL - O melhor conteúdo';
    
    var share = {
      fb: {
        title
      },
      twitter: {
        tweet: title
      }
    };
    • var title = 'UOL - O melhor conteúdo';
    • var share = {
    • fb: {
    • title: title
    • title
    • },
    • twitter: {
    • tweet: title
    • }
    • };
Code
Diff
  • let results = [
      {materia: {conteudo: {titulo: 'São Paulo'}}, tags: [1, 2, 3]},
      {materia: {conteudo: {}}, tags: [3, 2]},
      {materia: {conteudo: {titulo: 'Rio de Janeiro'}}, tags: [3, 2]},
    ];
    
    for (const result of results) {
      const { materia: { conteudo: { titulo = 'Brasil' } } } = result;
      console.log(titulo);
    }
    • let results = [
    • {materia: {conteudo: {titulo: 'São Paulo'}}, tags: [1, 2, 3]},
    • {materia: {conteudo: {}}, tags: [3, 2]},
    • {materia: {conteudo: {titulo: 'Rio de Janeiro'}}, tags: [3, 2]},
    • ];
    • for (const result of results) {
    • let titulo = result.materia.conteudo.titulo || 'Brasil';
    • const { materia: { conteudo: { titulo = 'Brasil' } } } = result;
    • console.log(titulo);
    • }
Code
Diff
  • var materia = {
      conteudo: {
        titulo: 'UOL',
      },
      tags: ['São Paulo', 'SP', 'Sudeste', 'Brasil', 'América Latina']
    };
    
    // var uf = materia.tags[1];
    // var regiao = materia.tags[2];
    
    const { conteudo: { titulo }, tags: [,uf,regiao]} = materia;
    • var materia = {
    • conteudo: {
    • titulo: 'UOL',
    • },
    • tags: ['São Paulo', 'SP', 'Sudeste', 'Brasil', 'América Latina']
    • };
    • var uf = materia.tags[1];
    • var regiao = materia.tags[2];
    • // var uf = materia.tags[1];
    • // var regiao = materia.tags[2];
    • var titulo = materia.conteudo.titulo;
    • const { conteudo: { titulo }, tags: [,uf,regiao]} = materia;
Code
Diff
  • var bg = 'gray';
      
    var css = `
      <style>
        body {
          background: ${bg};
          color: black;
        }
      </style>
    `;
    • var bg = 'gray';
    • var css = '' +
    • '<style>' +
    • 'body {' +
    • ' background: '+ bg + ';' +
    • ' color: black;'
    • '}' +
    • '</style>';
    • var css = `
    • <style>
    • body {
    • background: ${bg};
    • color: black;
    • }
    • </style>
    • `;
Code
Diff
  • // reescreva em ES6
    function main(a, b=2, c=3) {    
        return a * b * c;
    }
    • // reescreva em ES6
    • function main(a, b, c) {
    • if (typeof b == 'undefined')
    • b = 2;
    • if (typeof c == 'undefined')
    • c = 3
    • function main(a, b=2, c=3) {
    • return a * b * c;
    • }
Code
Diff
  • // Exercício 1
    const titulo = "UOL - O melhor conteúdo";
    
    
    // Exercício 2
    const tags = []
    
    tags.push(...['A', 'B']);
    
    
    // Exercício 3
    let descricao = "Em 1999";
    
    descricao += " em São Paulo";
    
    
    // Exercício 4
    const materia = {titulo: "Barão de Limeira"};
    
    materia.titulo = "Alameda " + materia.titulo;
    
    
    // Exercício 5
    for (let i = 10; i--;) {
      console.log(i);
    }
    
    
    // Exercício 6
    for (const tag of ['A', 'B']) {
      console.log(tag);
    }
    
    
    // Exercício 7
    for (var j = [].length; j--;) {}
    
    if (j === -1) {
      console.log('Não encontrei');
    }
    
    
    // Exercício 8
    let a = 123;
    
    {
      a *= 2;
    }
    
    console.log(a);
    
    
    // Exercício 9
    let state = 'active';
    
    function stop() {
      state = 'paused';
    }
    
    stop();
    
    
    // Exercício 10
    const TRUE = !0;
    • // Exercício 1
    • var titulo = "UOL - O melhor conteúdo";
    • const titulo = "UOL - O melhor conteúdo";
    • // Exercício 2
    • var tags = []
    • const tags = []
    • tags.push(...['A', 'B']);
    • // Exercício 3
    • var descricao = "Em 1999";
    • let descricao = "Em 1999";
    • descricao += " em São Paulo";
    • // Exercício 4
    • var materia = {titulo: "Barão de Limeira"};
    • const materia = {titulo: "Barão de Limeira"};
    • materia.titulo = "Alameda " + materia.titulo;
    • // Exercício 5
    • for (var i = 10; i--;) {
    • for (let i = 10; i--;) {
    • console.log(i);
    • }
    • // Exercício 6
    • for (var tag of ['A', 'B']) {
    • for (const tag of ['A', 'B']) {
    • console.log(tag);
    • }
    • // Exercício 7
    • for (var j = [].length; j--;) {}
    • if (j === -1) {
    • console.log('Não encontrei');
    • }
    • // Exercício 8
    • var a = 123;
    • let a = 123;
    • {
    • a *= 2;
    • }
    • console.log(a);
    • // Exercício 9
    • var state = 'active';
    • let state = 'active';
    • function stop() {
    • state = 'paused';
    • }
    • stop();
    • // Exercício 10
    • var TRUE = !0;
    • const TRUE = !0;
Loading more items...