-
Notifications
You must be signed in to change notification settings - Fork 8.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge branch 'main' into ko-event_bubbling
- Loading branch information
Showing
324 changed files
with
4,455 additions
and
1,767 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
3 changes: 2 additions & 1 deletion
3
...dler/web-based_protocol_handlers/index.md → ...avigator/registerprotocolhandler/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
56 changes: 56 additions & 0 deletions
56
files/es/web/javascript/reference/global_objects/map/clear/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| --- | ||
| title: Map.prototype.clear() | ||
| slug: Web/JavaScript/Reference/Global_Objects/Map/clear | ||
| l10n: | ||
| sourceCommit: 27180875516cc311342e74b596bfb589b7211e0c | ||
| --- | ||
|
|
||
| {{JSRef}} | ||
|
|
||
| El método **`clear()`** de las instancias {{jsxref("Map")}} remueve todos los elementos de este _map_. | ||
|
|
||
| {{EmbedInteractiveExample("pages/js/map-prototype-clear.html")}} | ||
|
|
||
| ## Sintaxis | ||
|
|
||
| ```js-nolint | ||
| clear() | ||
| ``` | ||
|
|
||
| ### Parámetros | ||
|
|
||
| Ningúno. | ||
|
|
||
| ### Valor devuelto | ||
|
|
||
| Ningúno ({{jsxref("undefined")}}). | ||
|
|
||
| ## Ejemplos | ||
|
|
||
| ### Usando clear() | ||
|
|
||
| ```js | ||
| const myMap = new Map(); | ||
| myMap.set("bar", "baz"); | ||
| myMap.set(1, "foo"); | ||
|
|
||
| console.log(myMap.size); // 2 | ||
| console.log(myMap.has("bar")); // true | ||
|
|
||
| myMap.clear(); | ||
|
|
||
| console.log(myMap.size); // 0 | ||
| console.log(myMap.has("bar")); // false | ||
| ``` | ||
|
|
||
| ## Especificaciones | ||
|
|
||
| {{Specifications}} | ||
|
|
||
| ## Compatibilidad con navegadores | ||
|
|
||
| {{Compat}} | ||
|
|
||
| ## Véase también | ||
|
|
||
| - {{jsxref("Map")}} |
51 changes: 51 additions & 0 deletions
51
files/es/web/javascript/reference/global_objects/map/delete/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,51 @@ | ||
| --- | ||
| title: Map.prototype.delete() | ||
| slug: Web/JavaScript/Reference/Global_Objects/Map/delete | ||
| l10n: | ||
| sourceCommit: 88d71e500938fa8ca969fe4fe3c80a5abe23d767 | ||
| --- | ||
|
|
||
| {{JSRef}} | ||
|
|
||
| El método **`delete()`** de las instancias {{jsxref("Map")}} remueve el elemento especificado de este _map_ utilizando la llave del elemento que se quiere remover. | ||
|
|
||
| {{EmbedInteractiveExample("pages/js/map-prototype-delete.html")}} | ||
|
|
||
| ## Sintaxis | ||
|
|
||
| ```js-nolint | ||
| mapInstance.delete(key) | ||
| ``` | ||
|
|
||
| ### Parámetros | ||
|
|
||
| - `key` | ||
| - : La llave de el elemento que se va a remover del objeto `Map`. | ||
|
|
||
| ### Valor devuelto | ||
|
|
||
| `true` si un elemento en el objeto `Map` existía y fué removido, o `false` si el elemento no existe. | ||
|
|
||
| ## Ejemplos | ||
|
|
||
| ### Usando delete() | ||
|
|
||
| ```js | ||
| const myMap = new Map(); | ||
| myMap.set("bar", "foo"); | ||
|
|
||
| console.log(myMap.delete("bar")); // Regresa true. Removido exitosamente. | ||
| console.log(myMap.has("bar")); // Regresa false. El elemento "bar" ya no esta presente. | ||
| ``` | ||
|
|
||
| ## Especificaciones | ||
|
|
||
| {{Specifications}} | ||
|
|
||
| ## Compatibilidad con navegadores | ||
|
|
||
| {{Compat}} | ||
|
|
||
| ## Véase también | ||
|
|
||
| - {{jsxref("Map")}} |
56 changes: 56 additions & 0 deletions
56
files/es/web/javascript/reference/global_objects/map/entries/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,56 @@ | ||
| --- | ||
| title: Map.prototype.entries() | ||
| slug: Web/JavaScript/Reference/Global_Objects/Map/entries | ||
| l10n: | ||
| sourceCommit: 27180875516cc311342e74b596bfb589b7211e0c | ||
| --- | ||
|
|
||
| {{JSRef}} | ||
|
|
||
| El método **`entries()`** de las instancias {{jsxref("Map")}} regresa un nuevo objeto _[iterador de mapa](/es/docs/Web/JavaScript/Reference/Global_Objects/Iterator)_ que contiene las tuplas `[llave, valor]` para cada elemento en este _map_ en orden de inserción. | ||
|
|
||
| {{EmbedInteractiveExample("pages/js/map-prototype-entries.html")}} | ||
|
|
||
| ## Sintaxis | ||
|
|
||
| ```js-nolint | ||
| entries() | ||
| ``` | ||
|
|
||
| ### Parámetros | ||
|
|
||
| Ningúno. | ||
|
|
||
| ### Valor devuelto | ||
|
|
||
| Un nuevo [objeto de tipo iterator iterable](/es/docs/Web/JavaScript/Reference/Global_Objects/Iterator). | ||
|
|
||
| ## Ejemplos | ||
|
|
||
| ### Usando entries() | ||
|
|
||
| ```js | ||
| const myMap = new Map(); | ||
| myMap.set("0", "foo"); | ||
| myMap.set(1, "bar"); | ||
| myMap.set({}, "baz"); | ||
|
|
||
| const mapIter = myMap.entries(); | ||
|
|
||
| console.log(mapIter.next().value); // ["0", "foo"] | ||
| console.log(mapIter.next().value); // [1, "bar"] | ||
| console.log(mapIter.next().value); // [Object, "baz"] | ||
| ``` | ||
|
|
||
| ## Especificaciones | ||
|
|
||
| {{Specifications}} | ||
|
|
||
| ## Compatibilidad con navegadores | ||
|
|
||
| {{Compat}} | ||
|
|
||
| ## Véase también | ||
|
|
||
| - {{jsxref("Map.prototype.keys()")}} | ||
| - {{jsxref("Map.prototype.values()")}} |
110 changes: 110 additions & 0 deletions
110
files/es/web/javascript/reference/global_objects/map/groupby/index.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,110 @@ | ||
| --- | ||
| title: Map.groupBy() | ||
| slug: Web/JavaScript/Reference/Global_Objects/Map/groupBy | ||
| l10n: | ||
| sourceCommit: 8421c0cd94fa5aa237c833ac6d24885edbc7d721 | ||
| --- | ||
|
|
||
| {{JSRef}} | ||
|
|
||
| > [!NOTE] | ||
| > En algunas versiones de algunos navegadores, este método fué implementado como el método `Array.prototype.groupToMap()`. Debido a problemas de compatibilidad web, ahora es implementado como un método estático. Revise la [tabla de compatibilidad con navegadores](#compatibilidad_con_navegadores) para más detalles. | ||
| El método estático **`Map.groupBy()`** agrupa los elementos de un iterable, utilizando los valores regresados por la función provista. El objeto {{jsxref("Map")}} regresado utiliza los valores únicos de la función de prueba como llaves, los cuales pueden utilizarse para obtener el arreglo de elementos en cada grupo. | ||
|
|
||
| El método es útil principalmente cuando se quiere agrupar elementos que están asociados con un objeto, y particularmente cuando el objeto puede cambiar con el tiempo. Si el objeto es invariante, podrías en su lugar representarlo utilizando una cadena de caracteres _string_, y agrupando los elementos con {{jsxref("Object.groupBy()")}}. | ||
|
|
||
| {{EmbedInteractiveExample("pages/js/map-groupby.html", "taller")}} | ||
|
|
||
| ## Sintaxis | ||
|
|
||
| ```js-nolint | ||
| Map.groupBy(items, callbackFn) | ||
| ``` | ||
|
|
||
| ### Parámetros | ||
|
|
||
| - `items` | ||
| - : Un [iterable](/es/docs/Web/JavaScript/Reference/Iteration_protocols#el_protocolo_iterador) (así como un {{jsxref("Array")}}) cuyos elementos serán agrupados. | ||
| - `callbackFn` | ||
| - : Una función que se ejecuta por cada elemento en el iterable. Debe regresar un valor ({{Glossary("object")}} o un {{Glossary("primitive")}}) indicando el grupo del elemento actual. La función es llamada con los siguientes argumentos: | ||
| - `element` | ||
| - : El elemento actual que está siendo procesado. | ||
| - `index` | ||
| - : El índice del elemento actual que esta siendo procesado. | ||
|
|
||
| ### Valor regresado | ||
|
|
||
| Un objeto {{jsxref("Map")}} con llaves para cada grupo, cada llave asignada a un arreglo que contiene los elementos del grupo asociado. | ||
|
|
||
| ## Descripción | ||
|
|
||
| `Map.groupBy()` llama a la función de devolución de llamada `callbackFn` pasada como parámetro, una vez por cada elemento en el iterable. La función de devolución de llamada debe regresar un valor indicando el grupo del elemento asociado. Los valores regresados por la `callbackFn` son utilizados como llaves para el {{jsxref("Map")}} regresado por `Map.groupBy()`. Cada llave tiene asociado un arreglo que contiene todos los elementos para los cuales la función de devolución de llamada regresó el mismo valor. | ||
|
|
||
| Los elementos en el objeto {{jsxref("Map")}} regresado por la función y en el iterable original, son los mismos (sin {{Glossary("deep copy", "copias profundas")}}). Al cambiar la estructura interna de los elementos, esta se vera reflejada en ambos, el iterable original y el {{jsxref("Map")}} regresado por la función. | ||
|
|
||
| Este método es util cuando necesitas agrupar información que está relacionada a un objeto en particular y que potencialmente puede cambiar con el tiempo. Esto es debido a que, incluseo si el objeto es modificado, continuará funcionando como llave para el objeto `Map` regresado por la función. Si en su lugar creas una representación _string_ para el objeto y la utilizas como la llave para agrupar en {{jsxref("Object.groupBy()")}}, debes mantener el mapeo entre el objeto original y su representacion de acuerdo a como el objeto cambia. | ||
|
|
||
| > [!NOTE] | ||
| > Para accesar los grupos en el objeto `Map` regresado por la función, debes utilizar el mismo objeto que fué usado como llave en el `Map` (a pesar de que puedes modificar sus propiedades). No puedes usar otro objeto que de casulaidad tiene el mismo nombre y las mismas propiedades. | ||
| `Map.groupBy` no lee el valor de `this`. Puede ser llamado en cualquier objeto y regresará una nueva instancia de {{jsxref("Map")}}. | ||
|
|
||
| ## Ejemplos | ||
|
|
||
| ### Utilizando Map.groupBy() | ||
|
|
||
| Primero definimos un arreglo que contenga objetos que representen un inventario de diferentes alimentos. Cada alimento tiene un `type` y un `quantity`. | ||
|
|
||
| ```js | ||
| const inventory = [ | ||
| { name: "asparagus", type: "vegetables", quantity: 9 }, | ||
| { name: "bananas", type: "fruit", quantity: 5 }, | ||
| { name: "goat", type: "meat", quantity: 23 }, | ||
| { name: "cherries", type: "fruit", quantity: 12 }, | ||
| { name: "fish", type: "meat", quantity: 22 }, | ||
| ]; | ||
| ``` | ||
|
|
||
| El código de abajo utiliza `Map.groupBy()` con una función flecha que regresa las llaves de objeto llamadas `restock` o `sufficient`, dependiendo de si la propiedad del elemento es `quantity < 6`. El objeto `result` que regresa, es un `Map` así que necesitamos llamar `get()` con la llave para obtener el arreglo. | ||
|
|
||
| ```js | ||
| const restock = { restock: true }; | ||
| const sufficient = { restock: false }; | ||
| const result = Map.groupBy(inventory, ({ quantity }) => | ||
| quantity < 6 ? restock : sufficient, | ||
| ); | ||
| console.log(result.get(restock)); | ||
| // [{ name: "bananas", type: "fruit", quantity: 5 }] | ||
| ``` | ||
|
|
||
| Note que el argumento `{ quantity }` de la función, es un ejemplo básico de la [sintaxis de destructuración de objetos pasados como parámetros de función](/es/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#desempacar_campos_de_objetos_pasados_como_parámetro_de_función). Esto desempaca la propiedad `quantity` del objeto pasado como parámetro, y lo asigna a la variable llamada `quantity` en el cuerpo de la función. Esta es una forma muy concisa de accesar los valores relevantes de elementos, dentro de una función. | ||
|
|
||
| La llave de un `Map` puede ser modificada y aún usarse. Sin embargo no puedes recrear la llave y aún usarla. Por esa razón es importante que cualquiera que necesite usar el _map_ mantenga una referencia de sus llaves. | ||
|
|
||
| ```js | ||
| // La llave puede ser modificada y aún usarse | ||
| restock["fast"] = true; | ||
| console.log(result.get(restock)); | ||
| // [{ name: "bananas", type: "fruit", quantity: 5 }] | ||
|
|
||
| // Una nueva llave no puede ser usada, incluso si tiene la misma estructura! | ||
| const restock2 = { restock: true }; | ||
| console.log(result.get(restock2)); // undefined | ||
| ``` | ||
|
|
||
| ## Especificaciones | ||
|
|
||
| {{Specifications}} | ||
|
|
||
| ## Compatibilidad con navegadores | ||
|
|
||
| {{Compat}} | ||
|
|
||
| ## Véase también | ||
|
|
||
| - [Polyfill de `Map.groupBy` en `core-js`](https://github.com/zloirock/core-js#array-grouping) | ||
| - Guía de [Colleciones indexadas](/es/docs/Web/JavaScript/Guide/Indexed_collections) | ||
| - {{jsxref("Array.prototype.reduce()")}} | ||
| - {{jsxref("Map/Map", "Map()")}} | ||
| - {{jsxref("Object.groupBy()")}} |
Oops, something went wrong.