O TC39 está prestes a concluir uma proposta técnica — Alterar Array por cópia . Ele agora atingiu o estágio 3, o que significa que os principais fornecedores de navegadores o implementarão em um futuro próximo. Este artigo lhe dará uma breve introdução a eles.

Especificamente, as seguintes propriedades de função serão importadas para Array.prototypee TypedArray.prototype:

1. paraInvertido()

Comparado com o anterior Array.prototype.reverse(), Array.prototype.toReversed()não altera o array original.

Por exemplo:

2. para Classificar(comparar Fn)

Array.prototype.toSorted(compareFn)é semelhante, não altera a matriz original como Array.prototype.sort(compareFn).

3. toSpliced(start, deleteCount, …items)

O anterior Array.prototype.splice(start, deleteCount, …items)pode excluir deleteCountelementos starte adicionar ...itemà matriz. A matriz excluída é retornada quando esse método é chamado e também altera a matriz original. Eu tenho uma comparação detalhada no meu artigo anterior:

Then Array.prototype.toSpliced(start, deleteCount, …items)é semelhante a splice, mas não altera o array original. E chamar esse método retorna uma cópia alterada da matriz original em vez da matriz excluída.

4. com (índice, valor)

Array.prototype.with(index, value)pode atribuir um valor a um item de índice de uma matriz, é semelhante a array[index] = value. Mas ele retorna uma cópia alterada do array original sem nenhum efeito no array original.

Conclusão

Pode-se ver que esses métodos deixam o array original inalterado e retornam uma cópia alterada. Isso é útil em alguns casos. Ele não está atualmente disponível em produção, e o TC39 também fornece seu polyfill.js (implementação de referência minimalista).

Também pode ser visto em polyfill.js que esses métodos retornam cópias superficiais do array original. Uma vez que a matriz original está armazenando dados do tipo de referência, é importante estar ciente dos recursos dos dados do tipo de referência para evitar situações inesperadas.

Então, o que você acha desses próximos métodos de função?

Referências

[1]https://github.com/tc39/proposal-change-array-by-copy

Isso é tudo por hoje. Eu sou Zachary e continuarei publicando histórias relacionadas ao desenvolvimento web. Se você gosta dessas histórias e quer me apoiar, considere se tornar um membro do Medium . Custa US $ 5 por mês e oferece acesso ilimitado ao conteúdo do Medium. Eu vou receber uma pequena comissão se você se inscrever através do meu link .

Seu apoio é muito importante para mim - obrigado.