Para quem acompanha o mundo .js, o ES8 não é uma novidade, ele foi lançado em junho do ano passado (2017). Pensando no pessoal que ainda não leu sobre ele, mas que com certeza já está utilizando algumas das suas novas Features, eu resolvi tirar esse artigo do meu backlog 😉

Kent C. Dodds comentando o lançamento do ES8.

String padding

Como o próprio nome diz, uma das features do ES8 é para preenchimento de espaço em strings. Agora nós podemos preencher o começo ou o final de uma String, para que ela sempre tenha tamanho especifico.

str.padStart(targetLength [, padString])
str.padEnd(targetLength [, padString])

Parâmetros

  • targetLength: tamanho total que a string deve atingir.
  • padString: parâmetro opcional, esse é o símbolo que irá ser usado para preencher os espaços.

Podemos ver na imagem abaixo dois exemplos: um com os dois parâmetros preenchidos e um outro com somente o targetLength preenchido.

Exemplo

ES8 (String padding)

Object.values e Object.entries

O método object.value retorna os valores de um objeto dentro em um array enumerado.

Object.values(obj)

Parâmetro

  • obj: objeto de origem para operação

Vamos a um exemplo, nós temos um objeto pessoa contendo: nome e um array de documentos. Como podemos pegar o valor de um dos documentos dessa pessoa?

Exemplo

pessoa = {
  nome: 'Joãozinho',
  documentos: [
    {rg:'123456'},
    {cpf:'654321'}
    ] 
};

Uma das formas seria utilizando o object.value como podemos ver abaixo:

ES8 (object.value)

O método Object.entries retorna os dados enumerados que nem em Object.values, a diferença é que ele retorna eles em pares: [key,value].

Object.entries(obj)

Parâmetro

  • obj: objeto de origem para operação

Vamos a um outro exemplo, utilizando mesmo objeto anterior:

Exemplo

ES8 (object.entries)

Object.getOwnPropertyDescriptors

O método getOwnPropertyDescriptors retorna a propriedade descriptor do objeto especificado. A propriedade descriptor é definida diretamente no objeto. Para um exemplo de uso, vamos melhorar o nosso anterior, onde nós pegamos o CPF do Joãozinho com o Object.entries.

Object.getOwnPropertyDescriptor(obj, prop)

Parâmetros

  • obj: objeto de origem para operação
  • prop: nome da propriedade a ser buscada
ES8 (Object.getOwnPropertyDescriptors)

Ficou mais fácil né? Bom, essa foi a primeira parte sobre esse assunto, espero que tenham gostado até o próximo artigo.

Compartilhe:

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn

Table of Contents

Postagens Relacionadas

Maze Runner – Correr ou Morrer

Maze Runner – Correr ou Morrer O filme mostra o jovem Thomas (Dylan O’Brien), que vai parar em um lugar desconhecido, sem memória que o
TheWildsVidasSelvagens

the wilds: vidas selvagens

The Wilds: Vidas Selvagens The Wilds: Vidas Selvagens é uma série dramática de TV americana criada por Sarah Streicher que foi lançada no Prime Video
RockBottomRiser

Rock Bottom Riser

Rock Bottom Riser 01/03/2021(US) – Documentário – 1h 10min –   Nota: 0/10   Sinopse     Elenco Nainoa Thompson Como – master navigator Moses
SaferatHome

Safer at Home

Safer at Home 26/02/2021(US) – Filmes – 0h 0min –   Nota: 0/10   Sinopse     Elenco Mais informações Título Original Safer at Home