A manipulação de dados é essencial para qualquer linguagem de programação. O JavaScript não é exceção, especialmente porque o JSON se tornou o principal formato de entrega de dados. Uma dessas manipulações de dados é a inversão de matrizes. O senhor pode querer inverter uma matriz para mostrar as transações mais recentes ou uma simples classificação alfabética.
A inversão de matrizes com JavaScript era originalmente feita por meio de reverse
mas isso alteraria a matriz original:
// First value: const arr = ['hi', 'low', 'ahhh']; // Reverse it without reassigning: arr.reverse(); // Value: arr (3) ['ahhh', 'low', 'hi']
Modificar a matriz original é uma metodologia herdada. Para evitar essa mutação, copiaríamos o array e o inverteríamos:
const reversed = [...arr].reverse();
Hoje em dia, podemos usar toReversed
para evitar a mutação da matriz original:
const arr = ['hi', 'low', 'ahhh']; const reversed = arr.toReversed(); // (3) ['ahhh', 'low', 'hi']; arr; // ['hi', 'low', 'ahhh']
Evitar a mutação de objetos de dados é extremamente importante em uma linguagem de programação como o JavaScript, em que as referências a objetos são significativas.
MooTools Accordion: estilo de mouseover
Todos adoram o plug-in MooTools Accordion, mas recebo muitas solicitações de leitores que me perguntam como fazer com que cada item do acordeão seja aberto quando o usuário passa o mouse sobre o item, em vez de fazer com que o usuário clique. O senhor tem duas opções: hackear o plug-in original…
Apresentando o LazyLoad 2.0
Embora os aprimoramentos nos navegadores signifiquem mais APIs interessantes para usarmos, isso também significa que precisamos manter o código existente. Com o lançamento do Firefox 4, veio a notícia de que meu plugin LazyLoad do MooTools não estava interceptando o carregamento de imagens – as imagens estavam sendo carregadas independentemente do…