ou a programação da web deu origem a aplicativos da web dinâmicos. Com o surgimento da web, o JavaScript se tornou um dos línguas mais importantes no mundo de hoje.este Array JavaScript artigoirá levá-lo às profundezas dos métodos de array em JavaScript na seguinte sequência:
- Introdução ao JavaScript
- Fundamentos de JavaScript
- Array JavaScript
- Diferença entre Array e Objetos
- Métodos de array JavaScript
Introdução ao JavaScript
é uma linguagem de programação interpretada de alto nível usada para tornar as páginas da web mais interativas. É uma linguagem de script do lado do cliente muito poderosa que torna sua página da web mais animada e interativa.
É uma linguagem de programação que ajuda você a implementar um design complexo e bonito em páginas da web. Se você deseja que sua página da web pareça viva e faça muito mais do que apenas ficar boquiaberta, JavaScript é essencial.
Fundamentos de JavaScript
Se você é novo no idioma, precisa conhecer alguns dos fundamentos de JavaScript isso o ajudará a começar a escrever seu código. Os princípios básicos incluem:
Você pode verificar o para aprofundar esses conceitos básicos e fundamentos do JavaScript. Neste artigo do JavaScript Array, enfocaremos os diferentes métodos de array usados para definir uma lista de itens.
Array JavaScript
Uma matriz é um estrutura de dados que contém uma lista de elementos que armazenam vários valores em uma única variável.
Para declarar uma matriz em JavaScript, use o método ‘ deixei 'Palavra-chave com colchetes e coloque todos os elementos dentro deles. A sintaxe é a seguinte:
let ListItems = [] ListItems = ['sapatos', 'relógio', 'bolsa']
Você também pode declará-lo como:
let ListItems = ['sapatos', 'relógio', 'bolsa']
Diferença entre Array e Objetos
Variáveis JavaScript podem ser objetos. As matrizes são consideradas tipos especiais de objetos. Por causa disso, você pode ter variáveis de diferentes tipos no mesmo Array.
myArray [0] = Date.now myArray [1] = myFunction myArray [2] = myItems
Em JavaScript, matrizes usar índices numerados . Enquanto que, objetos são usados como índices nomeados .
Métodos de array JavaScript
O propósito de usar um matriz é para armazenar múltiplos valores em um entidade única de uma variável declarada. Os arrays são usados quando queremos acessar os elementos de maneira ordenada usando uma única variável. Pode-se armazenar strings, booleanos e números em um único array.
serviço agora treinamento do sistema de bilhetes
Existem diferentes Métodos de array JavaScript a fim de realizar várias tarefas, como:
empurrar() - É fácil remover elementos e adicionar novos elementos ao trabalhar com matrizes. O método push () adiciona para novo elemento ao fim de uma matriz. O valor de retorno é o novo comprimento do array.
Exemplo:
let listItems = ['bolsa', 'sapatos', 'vestido'] console.log (listItems.push ('assistir'))Resultado:
4
Push () não retorna o valor que foi adicionado ao array. Ele apenas retorna o novo comprimento da matriz.
pop ()- O método pop () é usado para remover a último elemento de uma matriz. Ele retorna o valor que foi exibido.
Exemplo:
let listItems = ['bolsa', 'sapatos', 'vestido'] console.log (listItems.pop ())
Resultado:
vestir
Pop () retorna o valor que foi removido e não o comprimento do array como Push ().
mudança() - Shifting é semelhante a popping, trabalhando no primeiro elemento em vez do último. O método shift () é usado para remover a primeiro elemento da matriz e muda todos os outros elementos para um índice inferior. Ele retornará a você a string que foi deslocada.
Exemplo:
let listItems = ['bolsa', 'sapatos', 'vestido'] console.log (listItems.shift ())
Resultado:
saco
Shift () funciona da mesma forma que pop (), mas retorna o primeiro elemento do array em vez do último.
não mudar () - O método adiciona um novo elemento no começo de um array e não desloca elementos mais antigos. É semelhante a Push () e retorna o novo comprimento do array.
Exemplo:
let listItems = ['bolsa', 'sapatos', 'vestido', 'relógio'] console.log (listItems.unshift ('telefone'))Resultado:
5
Unshift () adicionará o novo elemento ao array e retornará o comprimento do novo array.
concat () - O método concat () cria uma nova matriz por concatenando ou mesclar matrizes existentes. istonão modifica a matriz existente e sempre retorna uma nova matriz.
Exemplo:
deixe arr1 = ['vermelho', 'azul', 'verde'] deixe arr2 = ['cores', 'spraypaint', 'pincel'] deixe newArr = arr1.concat (arr2) console.log (newArr)
Resultado:
para sequenciar() - O método toString () é usado para converter uma matriz para um corda de valores de matriz, separados por vírgulas.
Exemplo:
deixe cores = ['vermelho', 'azul', 'verde'] console.log (cores.toString ())
Resultado:
vermelho, azul, verde
Junte-se() - O método join () funciona da mesma forma que toString (). É usado para Junte-se todos os elementos do array em um corda , mas, além disso, você pode especificar o separador .
Exemplo:
deixe cores = ['vermelho', 'azul', 'verde'] console.log (cores.join ('+'))Resultado:
vermelho + azul + verde
marcha ré() - O método reverse () é usado para marcha ré a ordem dos elementos em uma matriz. Isso mudará o array original e trocará a ordem dos elementos.
Exemplo:
deixe frutas = ['manga', 'maçã', 'uvas'] console.log (frutas.reverse ())
Resultado:
ordenar() - O método sort () é usado para ordenar uma matriz alfabeticamente . Esta função classifica os valores como string por padrão.
Exemplo:
deixe frutas = ['manga', 'maçã', 'uvas'] console.log (frutas.sort ())
Resultado:
fatia() - O método slice () é usado para fatia um pedaço de uma matriz em uma nova matriz. Ele cria uma nova matriz sem remover nenhum elemento da matriz de origem. Ele retornará o valor que foi cortado da matriz.
Exemplo:
let colors = ['red', 'blue', 'green', 'yellow', 'orange'] console.log (colors.slice (1,3))
Resultado:
Esses foram alguns dos métodos de array JavaScript mais comumente usados. Com isso, chegamos ao final do nosso artigo. Espero que você tenha entendido como os métodos de array são usados em JavaScript.
Agora que você sabe sobre os métodos de matriz de JavaScript, verifique o por Edureka. O Treinamento de Certificação de Desenvolvimento Web ajudará você a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implementá-lo no Amazon Simple Storage Service (S3).
Tem alguma questão para nós? Mencione isso na seção de comentários de “JavaScript Array” e entraremos em contato com você.