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 --- .../global_objects/array/observe/index.html | 128 -------------------- .../global_objects/array/unobserve/index.html | 129 --------------------- 2 files changed, 257 deletions(-) delete mode 100644 files/pt-br/web/javascript/reference/global_objects/array/observe/index.html delete mode 100644 files/pt-br/web/javascript/reference/global_objects/array/unobserve/index.html (limited to 'files/pt-br/web/javascript/reference/global_objects/array') diff --git a/files/pt-br/web/javascript/reference/global_objects/array/observe/index.html b/files/pt-br/web/javascript/reference/global_objects/array/observe/index.html deleted file mode 100644 index d1b06c5ecf..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/array/observe/index.html +++ /dev/null @@ -1,128 +0,0 @@ ---- -title: Array.observe() -slug: Web/JavaScript/Reference/Global_Objects/Array/observe -translation_of: Archive/Web/JavaScript/Array.observe ---- -
{{JSRef}} {{non-standard_header}}
- -

O método Array.observe() é usado para observar mudanças de forma assíncrona em Arrays, de forma similar ao método {{jsxref("Object.observe()")}} para objetos. O método fornece um conjunto de mudanças em ordem de ocorrência. É equivalente ao método Object.observe() invocado com a lista aceita ["add", "update", "delete", "splice"].

- -

Sintaxe

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

Parâmetros

- -
-
arr
-
O array a ser observado.
-
callback
-
A função chamado cada vez que ocorrem mudanças, com o seguinte argumento: -
-
changes
-
Um array de objetos, sendo que cada um representa uma mudança. As propriedades destes objetos são: -
    -
  • name: O nome da propriedade que mudou.
    • -
  • object: O array modificado depois que a mudança ocorreu.
    • -
  • type: Uma string que indica o tipo de mudança que ocorreu. Pode ser "add", "update", "delete", ou "splice".
    • -
  • oldValue: Apenas para os tipos "update" e "delete". O valor antes da mudança.
    • -
  • index: Apenas para o tipo "splice". O índice no qual ocorreu a mudança.
    • -
  • removed: Apenas para o tipo "splice". Um array de elementos removidos.
    • -
  • addedCount: Apenas para o tipo "splice". O número de elementos adicionados.
    • -
-
-
-
-
- -

Descrição

- -

A função callback é chamada cada vez que uma mudança é feita em arr, com um array de todas as mudanças na ordem em que elas ocorreram.

- -
-

Mudanças feitas via métodos de Array, tais como Array.prototype.pop() serão reportados como mudanças do tipo "splice". Mudanças do tipo índice que não alteram o tamanho do array podem ser reportadas como mudanças do tipo "update".

-
- -

Exemplos

- -

Adicionando diferentes tipos em log

- -
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}]
-
- -

Especificações

- -

Strawman proposal specification.

- -

Compatibilidade com Browser

- -
{{CompatibilityTable}}
- -
- - - - - - - - - - - - - - - - - - - -
FuncionalidadeChromeFirefox (Gecko)Internet ExplorerOperaSafari
Suporte básico{{CompatChrome("36")}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
FuncionalidadeAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Suporte básico{{CompatNo}}{{CompatVersionUnknown}}{{CompatNo}}{{CompatNo}}{{CompatNo}}{{CompatNo}}
-
- -

Veja também

- - diff --git a/files/pt-br/web/javascript/reference/global_objects/array/unobserve/index.html b/files/pt-br/web/javascript/reference/global_objects/array/unobserve/index.html deleted file mode 100644 index a509f16afb..0000000000 --- a/files/pt-br/web/javascript/reference/global_objects/array/unobserve/index.html +++ /dev/null @@ -1,129 +0,0 @@ ---- -title: Array.unobserve() -slug: Web/JavaScript/Reference/Global_Objects/Array/unobserve -translation_of: Archive/Web/JavaScript/Array.unobserve ---- -
{{JSRef}}
- -
O método Array.unobserve() é usado para remover observers adicionados pelo {{jsxref("Array.observe()")}}.
- -
 
- -

Sintaxe

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

Parâmetros

- -
-
arr
-
O array para remover os observers.
-
callback
-
A referência para o observer para parar de ser chamada a toda vez em que algo é modificado no array arr.
-
- -

Descrição

- -

Array.unobserve() deve ser chamado após o  {{jsxref("Array.observe()")}} a fim de remover um observers de um array.

- -

O callback deve ser uma referencia à uma função e não a uma função anônima, porquê esta referencia será usada para remover o observer anterior. É inútil chamar o Array.unobserve() com uma função anônima como callback, não removerá nenhum observer.

- -

Exemplos

- -

Desobservando um 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();
-// O callback não foi chamado
- -

Usando uma função 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 }]
-// O callback sempre será chamado
-
- -

Compatibilidade com os navegadores

- -
{{CompatibilityTable}}
- -
- - - - - - - - - - - - - - - - - - - -
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Suporte básico{{CompatChrome("36")}}{{CompatNo}}{{CompatNo}}{{CompatOpera("23")}}{{CompatNo}}
-
- -
- - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Suporte básico{{CompatNo}}{{CompatChrome("36")}}{{CompatNo}}{{CompatNo}}{{CompatOpera("23")}}{{CompatNo}}
-
- -

Ver também

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