Como Usar O Método Filter Em Javascript

Em um determinado momento de seu desenvolvimento, você recebe um array com diversos valores aleatórios, mas precisa trabalhar apenas os que são maiores que 20. Para isso, você poderia percorrer essa lista e verificar um por um e retornar um novo array apenas com os valores que passam nessas condições, que poderia ser feito com um for ou um while mas, coincidentemente, o Javascript possui um método do chamado filter que faz justamente isso!

Você tem uma série de idades e deseja apenas quem é maior de idade.

1
let idades = [9, 10, 19, 1, 40, 55, 6, 87];

Ler mais

Como Encontrar O Índice De Um Elemento De Um Array Em Javascript

Digamos que temos o seguinte array e o banco de dados nos retorna apenas o valor da role, mas precisamos exibir em nosso front-end o valor da label. Para isso, precisamos acessar a lista pela role e retornar o nome da mesma. Mas como fazer isso?

1
2
3
4
5
6
7
8
const lista = [
{ role: "DOUTORADO", name: "Doutorado" },
{ role: "MESTRADO", name: "Mestrado" },
{ role: "POS_GRADUACAO", name: "Pós-graduação" },
{ role: "GRADUACAO", name: "Graduação" },
{ role: "ENSINO_MEDIO", name: "Ensino Médio" },
{ role: "NONE", name: "None" },
];

Ler mais

Entendendo O Z-Index

Em geral, uma página HTML pode ser considerada bidimensional, isto é, seus elementos como textos e imagens são organizados na página sem uma sobreposição. Neste caso, a construção da página segue um fluxo e os elementos têm consciência do espaço e tamanho que outros elementos ocupam. Com o z-index, podemos mudar esse funcionamento.

Ler mais

Template Strings, O Que É E Como Usar?

Template Strings são literais strings que permitem a concatenação de strings e expressões de um modo muito mais fácil e agradável de interpretar o código. Em minha opinião, é uma das features implementadas no ECMAScript 2015 que facilitou meu desenvolvimento de códigos!

Como utilizar template strings

A utilização de Template Strings é muito fácil, basta envolver o que você deseja entre acentos graves (também conhecido como crase).
No exemplo abaixo, mostramos como é a utilização normal e como ficaria usando a template string.

Ler mais