Tag: ecmascript 6

Cómo implementar el mapa ++ de forma concisa

Con Array, puedo usar array[index]++ Pero con Map, solo conozco map.set(index,map.get(index)+1) Creo que se ve mal, y si el index es una función de nombre largo, tengo que dividirlo en dos líneas. ¿Hay una manera más concisa de implementar el map[index]++

Agrupar objetos en una matriz según el valor de la clave en el objeto.

Tengo los siguientes datos que quiero ordenar según la fecha, sin incluir la marca de tiempo. NOTA: Tengo acceso al moment para esta tarea. Mis datos se parecen a los siguientes: const data = [ { “fixture”: “AC v Inter”, “kickOffTime”: “2018-06-14T15:00:00Z”, }, { “fixture”: “DC v NYC”, “kickOffTime”: “2018-06-15T12:00:00Z”, }, { “fixture”: “AFC v […]

Desestructuración de objetos Javascript

¿Por qué esto no es válido cuando se utiliza la nueva syntax de desestructuración de es6? var a, b, c; {a, b, c } = {a:1, b:2, c:3}; cuando esto es var {a, b, c } = {a:1, b:2, c:3}; console.log(a, ‘ ‘, b, ‘ ‘,c); y así es esto: var a = 1; var […]

ES6 ¿Qué hace realmente super () en la función de constructor?

! Hola amigos. Tengo esta pequeña estructura de herencia de clase. class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return ‘(‘ + this.x + ‘, ‘ + this.y + ‘)’; } } class ColorPoint extends Point { constructor(x, y, color) { super(x, y); this.color = color; } toString() […]

¿Cuál es el punto del tipo ‘Símbolo’ en ECMA-262-v6?

¿Cuál es el punto del tipo ‘Símbolo’ en ECMA-262-v6? ¿Implementación de ruta rápida para claves de objeto? ¿Qué hace bajo el capó? ¿Acumularlo con la garantía de que los datos subyacentes son inmutables?

Javascript ES6, ¿por qué no puedo usar `new` con la función de flecha?

Que yo sepa, la función de flecha es similar a la función normal. No hay problema cuando uso así: let X = () => {}; let Y = function() {}; X(); Y(); Sin embargo, se produjo un error cuando los uso con new let X = () => {}; let Y = function() {}; x […]

Sintaxis de las funciones de la flecha grasa (=>), para usar o no para usar {} alrededor del cuerpo

Estoy viendo este código: https://facebook.github.io/react-native/docs/network.html return fetch(‘https://facebook.github.io/react-native/movies.json’) .then((response) => response.json()) .then((responseJson) => { return responseJson.movies; }) Por lo que entiendo, .then((response) => response.json()) traduce en: .then(function(response) { return response.json() } pero no puedo entender en qué se traduce esto? hay un extra {} en ello .then((responseJson) => { return responseJson.movies; })

¿Cómo encontrar valores duplicados en una matriz de objetos de JavaScript y generar solo valores únicos?

Estoy aprendiendo JS. Suponiendo que tengo la siguiente matriz de objetos: var family = [ { name: “Mike”, age: 10 }, { name: “Matt” age: 13 }, { name: “Nancy”, age: 15 }, { name: “Adam”, age: 22 }, { name: “Jenny”, age: 85 }, { name: “Nancy”, age: 2 }, { name: “Carl”, age: […]

Uso de Babel + grunt para trabajar con ES6: ¿cómo transformar las declaraciones requeridas?

Quiero comenzar a usar ES6 y quiero usar grunt para administrar mis archivos. Esta es mi estructura de proyecto hasta ahora: Gruntfile.js package.json dist/ src/ index.es6 Y así es como se ve index.es6 : import MapGL from ‘react-map-gl’; const data = []; const viewport = new Viewport(); Estos paquetes están todos definidos en package.json e […]

Herencia múltiple utilizando clases.

¿Es posible extender solo una parte específica de varias clases? Ejemplo: class Walker { walk() { console.log(“I am walking”); } // more functions } class Runner { run() { console.log(“I am running”); } // more functions } // Make a class that inherits only the run and walk functions

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.