2

Funções para manipular Arrays com JavaScript 2

#JavaScript
Anna Maria
Anna Maria
Primeira parte desse artigo 👈
Meu artigo anterior ensinando a ter um servidor e um domínio GRÁTIS com GitHub Pages 👈


Funções para manipular Arrays com JavaScript


Join

junta todos os elementos de um array, separados por um delimitador

EX:

const valor = [1, 2, 3, 4, 5];
var elementos = valor.join("-");
console.log(elementos);

Irá retornar: 1-2-3-4-5


IndexOf

Esta função recebe como parâmetro um valor a ser localizado no array e retorna(caso ele seja encontrado) o seu índice na lista.

EX:

var valor = new Array(1, 2, 3, 4, 5);
    var indice = valor.indexOf(3);
    console.log(indice);

Aqui ta basicamente dizendo: O número 3, está em que posição?

Irá Retornar: 2


lastIndexOf

Semelhante ao indexOf, mas retorna a posição da última ocorrência de um elemento no array, ou seja, caso o elemento apareça mais de uma vez na lista, o retorno é a posição da última.

EX:

var valor3 = new Array(1, 2, 3, 2, 7);
    var indice = valor3.lastIndexOf(2);
    console.log(indice);

Irá retornar: 3

Pois o número dois aparece duas vezes a primeira no índice 1 e a segunda no índice 3


Reverse

Como o nome já diz, reverte o sentido do array

EX:

var valor4 = new Array(1, 2, 3, 4, 5);
    valor4.reverse();
    console.log(valor4);

Irá retornar: (5) [5, 4, 3, 2, 1]


ToString

A mais comum, converte um array pra string

EX:

var valor5 = new Array(-1, 0 ,1, 2, 3, 4, 5);
    var texto = valor5.toString();
    console.log(texto);

Irá retornar o valor em string:

-1,0,1,2,3,4,5


Include

Retorna um booleano verificando se determinado elemento existe no array

EX:

var valor6 = new Array(1, 2, 3, 4, 5);
var inc = valor6.includes(1);
console.log(inc);

Irá retornar "True", pois o número 1 está presente no array.


Some

Retorna um booleano verificando se pelo menos um item de um array satisfaz a condição.

EX1:

function eMaiorQue10(currentValue, index, arr) {
    return currentValue > 10;
}
var some = [2, 5, 8, 1, 4].some(eMaiorQue10); 

console.log(some);

Vai retornar falso, pois nenhum número ai é maior que 10

EX2:

function eMaiorQue10(currentValue, index, arr) {
    return currentValue > 10;
}

var some2 = [12, 5, 8, 1, 4].some(eMaiorQue10);

console.log(some2);

Irá retornar true, pois pelo menos UM número dentro do array é maior que 10


Find

lê o array e retorna o primeiro item de um array que satisfaz a condição

EX:

var idade = [3, 10, 18, 20];

function maiorDeIdade(idade) {
    return idade >= 18;
}

var resultado = idade.find(maiorDeIdade);

console.log(resultado);

Ai ta basicamente dizendo: Dentro desse array encontre o valor que é maior ou igual a 18

irá retornar 18


Espero ter ajudado 💞

______________________________________________________________________________________

Olá, meu nome é Anna Maria eu sou uma desenvolvedora Front-End.

Me desafiei a postar um ou dois artigos por dia aqui na DIO, com assunto diversos, mas principalmente coisas que eu tive/tenho dificuldade.

Então decidi compartilhar com vocês.


📌Me siga para ver mais artigos

📌 Curta

📌 Comente o que achou

📌 Se ficar com alguma dúvida pode me contatar

📌 Discord: imnotannamaria#1935

📌LinkedIn: www.linkedin.com/in/anna-maria-573801191/

📌Email: aannamariabr@outlook.com


_Anna Maria

2
72

Comentários (2)

1
Sisnando Junior

Sisnando Junior

15/12/2020 16:59

Show! Muito legal Anna! 👏👏👏

1
Clovis Costa

Clovis Costa

15/12/2020 04:00

Parabéns Anna.


Dá uma olhada no meu repositório:


github.com/clovisdanielcosta/javascript_es6

Desenvolvedora Front-End | JavaScript | CSS | HTML

Brasil