Cross Browser: JavaScript - Estrutura de Dados, Objetos e Expressões regulares

Continuando a série Cross Browser (JavaScript) vamos falar de Estrutura de Dados, Array's e Objetos.

Por Programação Pular para comentários
Cross Browser: JavaScript - Estrutura de Dados, Objetos e Expressões regulares

Para quem esta iniciando em desenvolvimento Web, Estrutura de dados servem para salvar dados (informações), o Array é uma estrutura de Dados, essa váriavel permite adicionar diversos valores diferente de outras variaveis simples que permitem somente um valor a ser adicionado. Também permite o acesso a esses dados de forma independente além de salvá-los.

O array é criado pelo desenvolvedor, você define o nome dessa variável, para criar uma váriavel array você utiliza a seguinte linha de código:

var nomearray= new Array(quantidade de posições da váriavel)

Vamos usar um exemplo prático.
var novoarray= new Array(3)

Temos então um Array com 3 posições, agora podemos adicionar qualquer dado desejado dentro de cada posição dessa variável, introduzir valores é simples como no exemplo abaixo.
novoarray[0] = A
novoarray[1] = B
novoarray[2] = C

Essa foi uma breve introdução sobre Array's para chegarmos então ao desenvolvimento com técnicas de Cross Browser. Podemos criar Array's das seguintes formas:
nomedoarray= new Array(2,4,6,8);

ou
nomedoarray= [2,4,6,8];

A forma mais utilizada é a estrutura com colchetes, mais prática por se tratar de uma estrutura reduzida e funcional, os colchetes identificam a criação de um novo Array.


Objetos


A técnica para Objetos também é simples, podemos fazer da seguinte forma:

Podemos escrever esse mesmo bloco de códigos em linha sequêncial lembrando sempre de separar os dados por ',' como no exemplo abaixo:

Podemos acessar um Objeto das seguintes formas:
alert(clientes.cpf);

ou também podemos acessá-lo como no exemplo abaixo:
alert(clientes["nomecompleto'']);



Expressões regulares


Expressão regular é a prática de efetivar a validação de um determinado padrão de caracteres de seu interesse, isso serve para eliminar trechos longos de blocos de código que fariam a mesma função, porém exigindo mais do desenvolvedor. As expressões regulares são compostas de sequências de símbolos e caracteres especiais que são interpretados como regras, essas regras determinarão se o texto posterior segue todas as condições por elas impostas, podemos por meio delas exigir que contenham ou não aqueles caracteres, a forma de exibição do texto e outras utilidades. Para facilitar o entendimento das Expressões Regulares vou decifrar alguns elementos a seguir como por exemplo o caracter | serve para separar alternativas, ou seja, no exemplor queremos que seja u|ü, então podemos ler mentalmente que | é igual a "ou", então lendo ficaria assim u ou(|) ü, o agrupamento em parênteses é usado para definir o escopo e a precedência dos operadores, podemos aplicá-lo de outras formas também... Não vamos nos aprofundar no assunto porque queremos tratar de Cross Browser e para mais informações sobre a construção e os elementos de uma expressão regular podemos consultar a Web, faça uma visita ao Google e pesquise pelo termo 'Expressões regulares JavaScript'.

Uma boa prática para expressões reguralares esta exemplificada abaixo:

Existem inumeras formas de escrever essa linha de código das expressões regulares. Vamos exemplificar algumas necessidades que podemos encontrar para escrevermos uma linha especifica de expressões regurales para padronizar o que desejamos:

Para identificar ou sugerir tipo de imagens desejadas ou exigidas podemos usar o exemplo abaixo:
^[a-zA-Z0-9-_.]+.(jpg|gif|png)$

Para documentos podemos usar:
^[a-zA-Z0-9-_.]+.(doc|pdf|txt)$

Para número decimal:
^d*[0-9](.d*[0-9])?$

Para URL's no padrão http://www.meusite.com.br
^(http[s]?://|ftp://)?[a-zA-Z0-9-.]+.(com|net|org|ca|co.uk|br|gov|adv)$

Para datas com estilo (dd/mm/aaaa):
^([0-9]|[0,1,2][0-9]|3[0,1])/([d]|1[0,1,2])/d{4}$


Existem inumeras formas e exemplos que você pode facilmente buscar pela internet para auxiliar no desenvolvimento desejado. Bons estudos, até a próxima.

Compartilhe com seus amigos:

Recomendações do editor:

Luiz Castro Junior
Luiz Castro Junior Empreendedor da AlpisConsultoria.com empresa que oferece excelentes serviços de Gestão e Marketing Digital para todo o Brasil. Desenvolvimento de Sites, Gestão de conteúdo e suporte para pequenas e médias empresas que desejam entrar no mercado on-line.
FACEBOOK // TWITTER: @luizcastrojr
Quer conversar com o(a) Luiz, comente:
Carregar comentários
Últimas notícias de Programação
  • Google usa Mulher-Maravilha para ajudar meninas a programar

    Google usa Mulher-Maravilha para ajudar meninas a programar

    Meninas ganham um incentivo extra na hora de aprender a programar, a Mulher-Maravilha.

  • Criando um cadastro de usuário em Java

    Criando um cadastro de usuário em Java

    O objetivo deste artigo é desenvolver uma aplicação em JSE (Java Standard Edition) de inserção de dados utilizando alguns padrões de projeto.

  • Quer aprender PHP? Saiba mais

    Quer aprender PHP? Saiba mais

    Chegou o tão aguardado curso online de PHP do Oficina da Net. Você não pode perder. PHP é uma das linguagens mais usadas no mundo. Os conteúdos que vou mostrar no curso, são exatamente o que você precisa saber para iniciar sua carreira como programador.

  • Formulário de contato em php

    Formulário de contato em php

    Guia do PHP: Aprenda a fazer um formulário em PHP que envia via SMTP autenticado o e-mail para um destinatário.

  • Como fazer um GIF?

    Como fazer um GIF?

    Aprenda a criar um GIF animado de vídeos. Descubra como criar os GIFs, imagens animadas que você vê em na internet.

  • O que priorizar na hora de escolher o hosting para seu site?

    O que priorizar na hora de escolher o hosting para seu site?

    Com o crescimento das ofertas na web, saiba o que você deve levar em consideração na hora de escolher a melhor empresa de hosting para seu empreendimento

  • O que preciso fazer para criar um aplicativo?

    O que preciso fazer para criar um aplicativo?

    Temos visto que desenvolver aplicativos que visam o mercado mobile pode ser mais que uma alternativa rentável, pode colocá-lo no topo, deixá-lo rico. Mas nem tudo são flores, e o aspirante a desenvolvedor de app precisa seguir algumas regras.

  • WEBINAR 3.9

    WEBINAR 3.9

    Venha para o Maker e descubra como tornar o seu negócio mais competitivo.