From a065e04d529da1d847b5062a12c46d916408bf32 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 21:46:22 -0500 Subject: update based on https://github.com/mdn/yari/issues/2028 --- .../objetos_globales/array/observe/index.html | 133 --------------------- .../objetos_globales/array/unobserve/index.html | 127 -------------------- 2 files changed, 260 deletions(-) delete mode 100644 files/es/web/javascript/referencia/objetos_globales/array/observe/index.html delete mode 100644 files/es/web/javascript/referencia/objetos_globales/array/unobserve/index.html (limited to 'files/es/web/javascript/referencia/objetos_globales/array') diff --git a/files/es/web/javascript/referencia/objetos_globales/array/observe/index.html b/files/es/web/javascript/referencia/objetos_globales/array/observe/index.html deleted file mode 100644 index 13f16ef5d0..0000000000 --- a/files/es/web/javascript/referencia/objetos_globales/array/observe/index.html +++ /dev/null @@ -1,133 +0,0 @@ ---- -title: Array.observe() -slug: Web/JavaScript/Referencia/Objetos_globales/Array/observe -tags: - - Método(2) - - Vector -translation_of: Archive/Web/JavaScript/Array.observe ---- -
{{JSRef}}
- -

El método Array.observe() se utiliza para poder observar en forma asincrónica los cambios ocurridos en un vector, similar a {{jsxref("Object.observe()")}} para los objetos. Provee un flujo ordenado por orden de ocurrencia de los cambios ocurridos en el vector. Es equivalente a invocar Object.observe() con la lista de tipos aceptados: ["add", "update", "delete", "splice"].

- -

Sintaxis

- -
Array.observe(arr, callback)
- -

Parámetros

- -
-
arr
-
El vector a ser observado.
-
callback
-
La función invocada con cada cambio dentro del vector con el siguiente argumento: -
-
changes
-
Un vector de objetos, cada uno representando un cambio. Las propiedades de estos objetos son: -
    -
  • name: El nombre de la propiedad que ha cambiado.
    • -
  • object: El vector modificado, despues de la modificación.
    • -
  • type: Una cadena de caracteres indicando el tipo de cambio que ocurrió. Estos tipos son: "add", "update", "delete", o "splice".
    • -
  • oldValue: El valor antes de ser modificado. Solo para  los tipos "update" o "delete".
    • -
  • index: La posición del vector en la que ocurrio el cambio. Sólo para el tipo "splice".
    • -
  • removed: Un vector con los elementos borrados. Sólo para el tipo "splice".
    • -
  • addedCount: La cantidad de elementos agregados. Sólo para el tipo "splice".
    • -
-
-
-
-
- -

Descripción

- -

La función callback es invocada cada vez que ocurre un cambio en el vector, recibiendo como parámetro, un vector con todos los cambios ocurridos en el orden en que estos fueron realizados.

- -
-

Changes done via Array methods, such as Array.prototype.pop() will be reported as "splice" changes. Index assignment changes which do not change the length of the array may be reported as "update" changes.

- -

Los cambios realizados por medio de los metodos del objeto Array, como Array.prototype.pop(), seran reportados como del tipo "splice". Los cambios realizados por indice, que no modifican la cantidad de elementos del vector, podrian ser reportados con el tipo "update".

-
- -

Ejemplos

- -

Mostrando en consola los diferentes tipos de modificaciones

- -
var arr = ['a', 'b', 'c'];
-
-Array.observe(arr, function(changes) {
-  console.log(changes);
-});
-
-arr[1] = 'B';
-// [{type: 'update', object: <arr>, name: '1', oldValue: 'b'}]
-
-arr[3] = 'd';
-// [{type: 'splice', object: <arr>, index: 3, removed: [], addedCount: 1}]
-
-arr.splice(1, 2, 'beta', 'gamma', 'delta');
-// [{type: 'splice', object: <arr>, index: 1, removed: ['B', 'c', 'd'], addedCount: 3}]
-
- -

Especificaciones

- -

Strawman proposal for ECMAScript 7.

- -

Compatibilidad de Navegadores

- -
{{CompatibilityTable}}
- -
- - - - - - - - - - - - - - - - - - - -
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatChrome("36")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatNo}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
-
- -

Ver también

- - diff --git a/files/es/web/javascript/referencia/objetos_globales/array/unobserve/index.html b/files/es/web/javascript/referencia/objetos_globales/array/unobserve/index.html deleted file mode 100644 index 37cf23ef2e..0000000000 --- a/files/es/web/javascript/referencia/objetos_globales/array/unobserve/index.html +++ /dev/null @@ -1,127 +0,0 @@ ---- -title: Array.unobserve() -slug: Web/JavaScript/Referencia/Objetos_globales/Array/unobserve -translation_of: Archive/Web/JavaScript/Array.unobserve ---- -
{{JSRef}} {{non-standard_header}}
- -

El método Array.unobserve() se utiliza para eliminar observadores asignados por {{jsxref("Array.observe()")}}.

- -

Sintaxis

- -
Array.unobserve(arr, callback)
- -

Parámetros

- -
-
arr
-
El array para parar la observación.
-
callback
-
La referencia al observador para dejar de llamar cada vez que se realizan cambios en el array arr.
-
- -

Descripción

- -

Array.unobserve() debe ser llamado después de  {{jsxref("Array.observe()")}} con el fin de eliminar un observador de un array.

- -

El callback (llamada de retorno) debe ser una referencia a una función y no una función anónima, ya que esta referencia se utilizará para borrar el observador anterior. Es inútil llamar a Array.unobserve() con una función anónima como callback, porque no va a eliminar ningún observador.

- -

Ejemplos

- -

Dejando de observar un array

- -
var arr = [1, 2, 3];
-
-var observer = function(changes) {
-  console.log(changes);
-}
-
-Array.observe(arr, observer);
-​
-arr.push(4);
-// [{type: "splice", object: <arr>, index: 3, removed:[], addedCount: 1}]
-
-Array.unobserve(arr, observer);
-
-arr.pop();
-// The callback wasn't called
- -

Utilizando una función anónima

- -
var persons = ['Khalid', 'Ahmed', 'Mohammed'];
-
-Array.observe(persons, function (changes) {
-  console.log(changes);
-});
-
-persons.shift();
-// [{type: "splice", object: <arr>, index: 0, removed: [ "Khalid" ], addedCount: 0 }]
-
-Array.unobserve(persons, function (changes) {
-  console.log(changes);
-});
-
-persons.push('Abdullah');
-// [{type: "splice", object: <arr>, index: 2, removed: [], addedCount: 1 }]
-// The callback will always be called
-
- -

Compatibilidad de navegadores

- -
{{CompatibilityTable}}
- -
- - - - - - - - - - - - - - - - - - - -
CaracterísticaChromeFirefox (Gecko)Internet ExplorerOperaSafari
Soporte básico{{CompatChrome("36")}}{{CompatNo}}{{CompatNo}}{{CompatOpera("23")}}{{CompatNo}}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
CaracterísticaAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Soporte básico{{CompatNo}}{{CompatChrome("36")}}{{CompatNo}}{{CompatNo}}{{CompatOpera("23")}}{{CompatNo}}
-
- -

Véase también

- - -- cgit v1.2.3-54-g00ecf