Javascript

Responsive Web Development

Clayton Rafael
Frontend Developer & Tech Lead
Formado em sistemas para Internet
Pós-Graduado em Banco de dados

https://www.linkedin.com/in/clayton-rafael/
profclayton.souza@fiap.com.br
pf1874@fiap.com.br
Manipulação de
Strings
JS - Manipulação de Strings
Strings são sequências de caracteres usadas para representar texto.

Em JavaScript, strings podem ser criadas usando aspas simples, duplas ou crases:
JS - Manipulação de Strings
Concatenação: Junção de dados para formar uma nova string.
JS - Manipulação de Strings
Template Literals: Junção de dados para formar uma nova string.
JS - Manipulação de Strings
Acessando caracteres

Comprimento de uma string

JS - Manipulação de Strings
Transformação de caixa

Corte de strings
JS - Manipulação de Strings
Substituição de conteúdo

Localização de substring
JS - Manipulação de Strings
Verificação de presença

Divisão de strings

Junção de strings
Manipulação de
Arrays
JS - Arrays
O que são Arrays

Arrays são estruturas de dados que armazenam uma coleção de elementos.

Em JavaScript, eles podem conter elementos de diferentes tipos e são dinâmicos em tamanho.

● Estrutura de dados para armazenar listas e coleções

● Pode conter vários valores sob um único nome
● Facilita o armazenamento e a manipulação de listas de dados
JS - Manipulação de Arrays
Criando Arrays
Arrays podem ser criados usando colchetes ou através do construtor Array.
JS - Manipulação de Arrays
Acessando Elementos
Os elementos de um Array são acessados pelo índice, começando por 0.
JS - Manipulação de Arrays
Modificar elementos
Os elementos de um array são acessados e modificados pelo índice, começando por 0.

Comprimento do Array
Podemos checar o tamanho de um array através da propriedade length.
JS - Manipulação de Arrays
Adicionar elementos

push(): Adiciona um ou mais elementos ao final de um Array.

unshift(): Adiciona um ou mais elementos ao início de um Array.

JS - Manipulação de Arrays
Remover elementos

pop(): Remove o último elemento de um Array e retorna esse elemento.

shift(): Remove o primeiro elemento de um Array e retorna esse elemento.

JS - Manipulação de Arrays
Selecionar elementos

slice(): retorna uma cópia de uma parte do Array em um novo Array, selecionado de início até fim (fim não
incluso). O Array original não será modificado.

splice(): Altera o conteúdo de um Array, adicionando novos elementos enquanto remove elementos antigos.
JS - Manipulação de Arrays
Arrays Multidimensionais

São Arrays que contêm outros Arrays como seus elementos.

Operadores de
Incremento e
Decremento
JS - Operadores de Incremento e Decremento
Os operadores de incremento (++) e decremento (--) são usados para aumentar ou diminuir o valor de uma
variável em uma unidade, respectivamente. Eles podem ser usados de forma pré-fixada ou pós-fixada, o que
determina o momento em que a alteração no valor ocorre em relação à operação atual.

Incremento (++)
Pré-fixado: (++variavel) - Aumenta o valor da variável em um antes da expressão ser avaliada.

Pós-fixado: (variavel++) - Aumenta o valor da variável em um após a expressão ser avaliada.

JS - Operadores de Incremento e Decremento
Decremento (--)
Pré-fixado: (--variavel) - Diminui o valor da variável em um antes da expressão ser avaliada.

Pós-fixado: (variavel--) - Diminui o valor da variável em um após a expressão ser avaliada.

Estruturas de
Repetição
JS - Estruturas de Repetição
As estruturas de repetição, ou loops, permitem executar um bloco de código várias vezes.
JavaScript oferece alguns tipos diferentes de estruturas de repetição:

for
Usado para repetir um bloco de código um número determinado de vezes.
JS - Estruturas de Repetição
while
Executa um bloco de código enquanto uma condição especificada é verdadeira.
JS - Estruturas de Repetição
do...while
Executa um bloco de código uma vez e, em seguida, repete a execução enquanto a condição especificada é
verdadeira.
JS - Estruturas de Repetição
for...of
Itera sobre os valores das propriedades enumeráveis de um objeto, na ordem original de inserção.
JS - Estruturas de Repetição
for...in
Itera sobre todas as propriedades enumeráveis de um objeto.
Funções
JS - Funções
Funções em JavaScript, que são blocos de código projetados para realizar uma tarefa específica.
Uma função é executada quando "chamada" (ou "invocada").

Uma função é definida com a palavra-chave function, seguida por um nome, seguido por parênteses () que
podem conter parâmetros. O código a ser executado pela função é colocado dentro de chaves {}.
JS - Funções
Chamando uma Função
Para executar a função, você "chama" ela com o nome e parênteses (e argumentos, se necessário).

Parâmetros e Argumentos

Parâmetros: São variáveis listadas como parte da definição da função.

Argumentos: São valores passados para a função quando ela é chamada.
JS - Funções
Retorno de Função
Uma função pode retornar um valor para o código que a chamou usando a palavra-chave return.
JS - Funções
Funções Anônimas e Expressões de Função
Uma função anônima é uma função sem nome, geralmente atribuída a alguma variável.

Arrow Functions
Uma sintaxe mais curta para escrever expressões de função.
Mão na massa
Quero mais!
Curso Javascript (Introdução)
Curso Javascript (métodos de array)
JavaScript para Web: Crie páginas dinâmicas