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