You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 1-js/05-data-types/05-array-methods/article.md
+20-20Lines changed: 20 additions & 20 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -36,7 +36,7 @@ Isso é normal porque `delete obj.chave` remove o valor pela `chave`. É um bom
36
36
37
37
Dessa forma, métodos especiais devem ser usados.
38
38
39
-
O metodo [arr.splice(str)](mdn:js/Array/splice) é um canivete suíço para arrays. Ele pode fazer qualquer coisa: adicionar, remover e inserir elementos.
39
+
O metodo [arr.splice(str)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/splice) é um canivete suíço para arrays. Ele pode fazer qualquer coisa: adicionar, remover e inserir elementos.
40
40
41
41
Sua sintaxe é:
42
42
@@ -114,7 +114,7 @@ alert( arr ); // 1,2,3,4,5
114
114
115
115
### slice
116
116
117
-
O método [arr.slice](mdn:js/Array/slice) é mais simples do que seu similar anterior `arr.splice`.
117
+
O método [arr.slice](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/slice) é mais simples do que seu similar anterior `arr.splice`.
O método [arr.concat](mdn:js/Array/concat) une um array com outros arrays e/ou itens.
144
+
O método [arr.concat](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/concat) une um array com outros arrays e/ou itens.
O método [arr.forEach](mdn:js/Array/forEach) permite executar uma função para cada elemento de um array.
206
+
O método [arr.forEach](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach) permite executar uma função para cada elemento de um array.
207
207
208
208
Sua sintaxe:
209
209
```js
@@ -237,7 +237,7 @@ Estes são métodos para procurar algo em um array.
237
237
238
238
### indexOf/lastIndexOf e includes
239
239
240
-
Os métodos [arr.indexOf](mdn:js/Array/indexOf), [arr.lastIndexOf](mdn:js/Array/lastIndexOf) e [arr.includes](mdn:js/Array/includes) possuem a mesma sintaxe e fazem, essencialmente, a mesma coisa que acontece com as strings, entretanto, eles operam nos itens de um array em vez de caracteres como feito nas strings:
240
+
Os métodos [arr.indexOf](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf), [arr.lastIndexOf](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/lastIndexOf) e [arr.includes](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/contains) possuem a mesma sintaxe e fazem, essencialmente, a mesma coisa que acontece com as strings, entretanto, eles operam nos itens de um array em vez de caracteres como feito nas strings:
241
241
242
242
-`arr.indexOf(item, from)` -- procura por `item` começando pela posição `from`, e retorna o index/posição onde o elemento foi encontrado, caso o elemento não seja encontrado, o método retornará `-1`.
243
243
-`arr.lastIndexOf(item, from)` -- faz o mesmo que o método acima, porém faz uma busca começando da direita para esquerda.
Imagine que tenhamos um array de objetos. Como achamos um objeto usando uma condição específica?
273
273
274
-
É nesses momentos que o método [arr.find](mdn:js/Array/find) vem a calhar.
274
+
É nesses momentos que o método [arr.find](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/find) vem a calhar.
275
275
276
276
Sua sintaxe é:
277
277
```js
@@ -307,13 +307,13 @@ Na vida real, arrays de objetos é uma coisa comum, dessa forma, o método `find
307
307
308
308
Note que no exemplo nós demos para `find` uma função `item => item.id == 1` com somente um argumento. Os outros argumentos dessa função raramente são usados.
309
309
310
-
O método [arr.findIndex](mdn:js/Array/findIndex) é exatamente o mesmo, mas retorna a posição onde o elemento foi encontrado e não seu elemento e `-1` é retornado quando nada é encontrado.
310
+
O método [arr.findIndex](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex) é exatamente o mesmo, mas retorna a posição onde o elemento foi encontrado e não seu elemento e `-1` é retornado quando nada é encontrado.
311
311
312
312
### filter
313
313
314
314
O método `find` procura por um único (e o primeiro) elemento que fizer a função retornar `true`.
315
315
316
-
Se quisermos que retorne mais de um elemento, podemos usar [arr.filter(fn)](mdn:js/Array/filter).
316
+
Se quisermos que retorne mais de um elemento, podemos usar [arr.filter(fn)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/filtro).
317
317
318
318
A sintaxe é parecida com `find`, porém o `filter` continua o loop por todos os elementos do array mesmo se `true` já tiver sindo retornado:
319
319
@@ -345,7 +345,7 @@ Esta seção irá abordar os métodos que transformam ou reorganizam um array.
345
345
346
346
### map
347
347
348
-
O método [arr.map](mdn:js/Array/map) é um dos mais úteis e usados por programadores.
348
+
O método [arr.map](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/map) é um dos mais úteis e usados por programadores.
349
349
350
350
Sua sintaxe é:
351
351
@@ -366,7 +366,7 @@ alert(lengths); // 5,7,6
366
366
367
367
### sort(fn)
368
368
369
-
O método [arr.sort](mdn:js/Array/sort) ordena um array colocando os elementos *em seus devidos lugares*.
369
+
O método [arr.sort](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/sort) ordena um array colocando os elementos *em seus devidos lugares*.
370
370
371
371
Exemplo:
372
372
@@ -459,7 +459,7 @@ Funciona exatamente como a outra versão acima.
459
459
460
460
### reverse
461
461
462
-
O método [arr.reverse](mdn:js/Array/reverse) reverte a ordem dos elementos em `arr`.
462
+
O método [arr.reverse](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse) reverte a ordem dos elementos em `arr`.
463
463
464
464
Exemplo:
465
465
@@ -477,7 +477,7 @@ Ele também retornar o array `arr` depois de revertê-lo.
477
477
478
478
Aqui vai uma situação que ocorre na vida real. Digamos que estamos escrevendo uma aplicativo de mensagem e uma pessoa coloca uma lista dos recebedores delimitado por virgulas: `John, Pete, Mary`. Mas para nós um array de nomes seria muito mais confortável do que uma única string. Como fazer isso?
479
479
480
-
O método [str.split(delim)](mdn:js/String/split) faz exatamente isso. Ele separa a string em uma array dado por seu delimitador `delim`.
480
+
O método [str.split(delim)](https://www.devmedia.com.br/javascript-split-dividindo-separando-strings/39254) faz exatamente isso. Ele separa a string em uma array dado por seu delimitador `delim`.
481
481
482
482
No exemplo abaixo, nós separamos por uma vírgula seguido por um espaço:
O método [arr.join(separator)](mdn:js/Array/join) faz o contrário de `split`. Ele cria uma string dos itens de `arr` juntando-os por um `separator` entre eles.
512
+
O método [arr.join(separator)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/join) faz o contrário de `split`. Ele cria uma string dos itens de `arr` juntando-os por um `separator` entre eles.
513
513
514
514
Por exemplo:
515
515
@@ -527,7 +527,7 @@ Quando precisamos percorrer um array -- podemos usar `forEach`, `for` ou `for..o
527
527
528
528
Quando precisamos percorrer e retornar uma informação por cada elemento -- usamos o `map`.
529
529
530
-
Os métodos [arr.reduce](mdn:js/Array/reduce) e [arr.reduceRight](mdn:js/Array/reduceRight) também pertence á esse grupo, porém eles podem ser um pouco mais confusos. Eles são usados para calcular um único valor baseado em um array.
530
+
Os métodos [arr.reduce](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce) e [arr.reduceRight](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/ReduceRight) também pertence á esse grupo, porém eles podem ser um pouco mais confusos. Eles são usados para calcular um único valor baseado em um array.
531
531
532
532
Sua sintaxe é:
533
533
@@ -622,7 +622,7 @@ arr.reduce((sum, current) => sum + current);
622
622
623
623
Portanto, é aconselhável que o valor inicial seja sempre colocado.
624
624
625
-
O método [arr.reduceRight](mdn:js/Array/reduceRight) faz o mesmo, mas começando da direita para a esquerda.
625
+
O método [arr.reduceRight](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/ReduceRight) faz o mesmo, mas começando da direita para a esquerda.
626
626
627
627
628
628
## Array.isArray
@@ -636,7 +636,7 @@ alert(typeof {}); // objeto
636
636
alert(typeof []); // objeto
637
637
```
638
638
639
-
...Mas arrays são usados tão frequentemente que há um método especial para isso: [Array.isArray(value)](mdn:js/Array/isArray). Este método retorna `true` se o `valor` for um array e `false` se não for.
639
+
...Mas arrays são usados tão frequentemente que há um método especial para isso: [Array.isArray(value)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/isArray). Este método retorna `true` se o `valor` for um array e `false` se não for.
640
640
641
641
```js run
642
642
alert(Array.isArray({})); // false
@@ -724,15 +724,15 @@ Por favor, note que os métodos `sort`, `reverse` e `splice` modificam o array.
724
724
725
725
Este métodos são os mais usados, eles cobrem 99% em casos de uso. Porém, existem outros:
726
726
727
-
-[arr.some(fn)](mdn:js/Array/some)/[arr.every(fn)](mdn:js/Array/every) examina o array.
727
+
-[arr.some(fn)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/some)/[arr.every(fn)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/every) examina o array.
728
728
729
729
A função `fn` é chamada em cada elemento do array como em `map`. Se algum/todos os resultados for `true`, retorna `true`, do contrário `false`.
730
730
731
-
-[arr.fill(valor, comeco, fim)](mdn:js/Array/fill) -- preenche um array com o `valor` dado repetitivamente a partir da posição `comeco` até `fim`.
731
+
-[arr.fill(valor, comeco, fim)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/fill) -- preenche um array com o `valor` dado repetitivamente a partir da posição `comeco` até `fim`.
732
732
733
-
-[arr.copyWithin(target, start, end)](mdn:js/Array/copyWithin) -- copia *seus próprios elementos* e os leva para outra posição *dentro da mesma array*. A cópia dos elementos começa a partir da posição `start` até a posição `end`, e os elementos são realocados para a posição `target` (sobescrevendo os elementos existentes). Este método não adiciona novos itens ao array.
733
+
-[arr.copyWithin(target, start, end)](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/copyWithin) -- copia *seus próprios elementos* e os leva para outra posição *dentro da mesma array*. A cópia dos elementos começa a partir da posição `start` até a posição `end`, e os elementos são realocados para a posição `target` (sobescrevendo os elementos existentes). Este método não adiciona novos itens ao array.
734
734
735
-
Para a lista completa, veja o [manual](mdn:js/Array).
735
+
Para a lista completa, veja o [manual](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array).
736
736
737
737
Á primeira vista, pode parecer que são muitos métodos e que se torna difícil de lembrá-los. Mas, na verdade, isso é mais simples do que parece.
0 commit comments