Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Vanilla Javascript - #11 Métodos de Arrays I

06/04/2019

No tutorial de hoje iniciaremos o aprendizado dos métodos que manipulam os arrays e nos dão possibilidade de fazer operações.

Concat

Realiza a concatenação entre dois arrays:

let arr1=[1,2,3,4,5];
let arr2=["s","t",8];

//Concat
let arrFinal=arr1.concat(arr2);

Every

Percorre os elementos para realização de alguma tarefa. No exemplo abaixo vamos returnar os elementos do array que são do tipo number.

//Every
let everyX=arrFinal.every(
    function verifyElements(elem,ind,obj) {
        return (typeof elem == "number");
    }
);

Filter

Realiza um filtro de acordo com os parâmetros passados. No exemplo abaixo vamos filtrar apenas os dados do array do tipo string:

//Filter
let filterX=arrFinal.filter(
    function verifyElements(elem,ind,obj) {
        return (typeof elem == "string");
    }
);

ForEach

Outro método que percorre todo o array exibindo os dados desejados. No exemplo abaixo vamos exibir os índices maiores que 3.

//ForEach
let data="";
let forEachX=arrFinal.forEach(
    function verifyElements(elem, ind, obj) {
        if(ind > 3){
            data+="Índice "+ind+" : "+elem+'\n';
        }
    }
);

indexOf

Retorna a posição do elemento procurado. Pra verificar se um elemento existe no array basta testar a igualdade com -1. Esse método verifica tanto o valor quanto o tipo de dado.

//IndexOf
let indexOfX=arrFinal.indexOf("1");
if(indexOfX == -1){
    alert("Esse dado não existe");
}

Sucesso nos códigos e na vida!

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Vanilla Javascript - #10 Arrays
No tutorial de hoje trabalharemos com arrays. Array é um objeto global do javascript e é possível instanciá-lo formalmente ou literalmente.
Saiba mais!
Vanilla Javascript - #12 Métodos de Arrays II
Na aula de hoje vamos aprender mais métodos de manipulação de arrays tais como: lastIndexOf, join e map.
Saiba mais!
Javascript
Ensinaremos durante as aulas a codificação desta importante linguagem de programação.
Saiba mais!