Introdução às matrizes em JavaScript

Como sabemos, os objetos nos permitem armazenar coleções de valores com chave. Mas às vezes precisamos de uma coleção ordenada, onde temos que armazenar o 1º, 2º, 3º elemento e muito mais. Por exemplo, considere que precisamos armazenar uma lista de algo: dados de usuários, dados de mercadorias e muito mais. Não é apropriado usar um objeto aqui, porque ele não fornece métodos para gerenciar a ordem dos elementos. Objetos não são criados para esse uso. Existe uma estrutura de dados especial chamada Matriz, para armazenar coleções ordenadas. Matrizes em JavaScript permitem que vários valores sejam armazenados em uma única variável. Ele armazena o mesmo tipo de tamanho fixo seqüencial da coleção de elementos.

Matrizes em JavaScript são usadas para armazenar um conjunto de informações, mas geralmente é mais útil para armazenar um conjunto de variáveis ​​do mesmo tipo. Uma matriz é uma única variável em JavaScript usada para armazenar vários elementos. Quando queremos armazenar uma lista de elementos e acessá-los através de uma única variável, ela é frequentemente usada. Ao contrário de muitos outros idiomas em que uma matriz é uma referência de variável variável, há uma única variável na matriz JavaScript que armazena vários elementos. O objeto Matrizes em JavaScript é um objeto global usado na construção de matrizes; que é de alto nível, como objetos de lista.

Como a matriz funciona em JavaScript?

Matrizes em JavaScript são uma maneira de armazenar elementos em uma única variável na memória. Por seu índice, os elementos podem ser acessados ​​na matriz. O índice da matriz começa com 0. As matrizes Javascript são baseadas em zero, o que significa que o primeiro índice do elemento é 0. Isso é muito importante porque significa que sempre haverá um deslocamento de uma unidade: o primeiro elemento terá um índice de 0 e o segundo elemento terá um índice de 1 e assim por diante.

Como criar matrizes em JavaScript (exemplo)?

O objeto Matriz permite armazenar vários valores em uma variável. Ele armazena uma coleção seqüencial de tamanho fixo do mesmo tipo de elementos. Uma matriz é usada para armazenar um conjunto de coleta, mas geralmente é mais útil considerar uma matriz como um conjunto do mesmo tipo de variáveis. A matriz de notação literal facilita a criação de matrizes em JavaScript. É composto por dois colchetes que envolvem elementos opcionais da matriz separados por vírgula. Número, sequência, booleano, nulo, indefinido, objeto, função, expressão regular e outras estruturas podem ser qualquer tipo de elemento da matriz.

A matriz pode ser criada em JavaScript, conforme indicado abaixo

var country = ("India", "England", "Srilanka");

Na criação acima, você está inicializando uma matriz e ela foi criada com os valores "Índia", "Inglaterra" e "Srilanka". O índice de "Índia", "Inglaterra" e "Srilanka" é 0, 1 e 2, respectivamente. Você pode adicionar elementos extras à matriz do país e fazê-lo conforme mostrado abaixo

country(3) = "New Zealand";
country(4) = "Australia"
var country = new Array("India", "England", "Srilanka");
OR
var country = new Array();
country(0) = "India";
country(1) = "England";
country(2) = "Srilanka";

Exemplo


JavaScript Creating Array


var my_array=("England", "Australia", "India");
document.getElementById("myarray").innerHTML = my_array;

Resultado

Tipos de matrizes em JavaScript (explique cada tipo com exemplo)

Abaixo estão os diferentes tipos de matrizes em javascript da seguinte maneira:

  • Matriz literal

A matriz pode ser criada com uma matriz literal usando a sintaxe abaixo

var arrayname=(value1, value2…..valuen);

Considere o exemplo simples de criação de uma matriz em JavaScript usando Array Literal


Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)
Array Literal

var country=("India", "Australia", "England");
for (i=0;i document.write(country(i) + "
");
)

Saída :

  • Matriz diretamente

A matriz pode ser criada diretamente com a matriz, usando a nova palavra-chave, como mostrado abaixo na sintaxe

var arrayname=new Array();

Abaixo um exemplo de criação de uma matriz em JavaScript usando Array Directly com a ajuda da nova palavra-chave


Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)
Array Directly

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(emp(num) + "
");
)

Saída :

  • Construtor de matriz

A instância da matriz pode ser criada passando argumentos em um construtor. O exemplo a seguir cria uma matriz em JavaScript usando o Array Constructor com a ajuda da nova palavra-chave


Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)
Array Constructor

var num;
var country = new Array();
country(0) = "India";
country(1) = "Australia";
country(2) = "England";
for (num=0;num document.write(country(num) + "
");
)

Resultado

Explicar métodos de matriz em JavaScript

Abaixo estão os métodos de matriz em JavaScript da seguinte maneira

1. método concat ()

Você pode criar uma nova matriz com uma combinação de duas ou mais matrizes com a ajuda do método concat ().

Sintaxe

array.concat(val1, val2, …, valN);

Exemplo


JavaScript Array Method

var chars = ("A", "B", "C");
var num = (10, 20, 30);
var concat_res = chars.concat(num);
document.write("Concatenated Result : " + concat_res );

Resultado

2. todo ()

every () método verifica se os elementos fornecidos são verdadeiros ou falsos em uma matriz, conforme fornecido na condição. Retorna true se a condição corresponder a determinada condição, caso contrário, retornará false.

Sintaxe

Array.every(callback, thisArg)

Onde o retorno de chamada é uma condição para testar a função e thisArg é um parâmetro opcional usado ao executar o retorno de chamada.

Exemplo


JavaScript Array Method

var vals=(150, 400, 450, 375, 200);
function check_num(value)
(
return value>100;
)
document.writeln(vals.every(check_num));

Resultado

3. fill ()

O método fill () é usado para preencher os valores estáticos especificados, modificando os valores originais na matriz especificada.

Sintaxe

array.fill(value)

Exemplo


JavaScript Array Method

var my_array=("England", "Australia", "India");
var array_result=my_array.fill("EDUCBA");
document.writeln(my_array);

Resultado

4. filtro ()

O método filter () é usado para filtrar os elementos da matriz com base na condição especificada.

Sintaxe

array.filter(callback, thisArg)

Exemplo


JavaScript Array Method

var vals=(150, 200, 345, 375, 125);
function check_num(value)
(
return value>150;
)document.writeln(vals.filter(check_num));

Resultado

5. forEach ()

O método forEach () é usado para invocar a função para cada elemento da matriz.

Sintaxe

array.forEach(callback, thisArg)

Exemplo


JavaScript Array Method

var my_array = ('India', 'Srilanka', 'England');
my_array.forEach(function(fetch) (
document.writeln(fetch);
));

Resultado

6. inclui ()

O método includes () é usado para verificar se o elemento especificado está incluído na matriz ou não. Se o elemento estiver incluído em uma matriz, ele retornará true, caso contrário, retornará false.

Sintaxe

array.includes(element) //where “element” is a value which is to be searched in the array

Exemplo


JavaScript Array Method

var my_array=("Sachin", "Dhoni", "Kohli", "Rohit", "Dhawan") var array_result=my_array.includes("Sachin");
document.writeln(array_result);

Resultado

7. join ()

O método join () é usado para combinar os elementos da matriz na string e fornece uma nova string.

Sintaxe

array.join(separator)

Exemplo


JavaScript Array Method

var my_array=('India', 'Srilanka', 'England') var array_result=my_array.join('-')
document.write(array_result);

Resultado

8. pop ()

O método pop () é usado para extrair o último elemento da matriz especificada.

Sintaxe

array.pop(operator)

Exemplo


JavaScript Array Method

var my_array=("England", "Australia", "India");
document.writeln("Real array elements: "+my_array+"
");
document.writeln("Extracted element of array: "+my_array.pop()+"
");
document.writeln("Remaining elements of array: "+ my_array);

Resultado

9. push ()

O método push () é usado para adicionar o elemento ao final da matriz.

Sintaxe

array.push()

Exemplo


JavaScript Array Method

var my_array=("England", "Australia", "India");
my_array.push("Srilanka");
document.writeln(my_array);

Resultado

10. reverse ()

O método reverse () é usado para reverter a sequência da matriz de elementos fornecida. O último elemento se tornará o primeiro e o primeiro elemento se tornará o último.

Sintaxe

array.reverse()

Exemplo


JavaScript Array Method

var my_array=("England", "Australia", "India");
var reverse_val=arr.reverse();
document.writeln(reverse_val);

Resultado

11. shift ()

O método shift () é usado para retornar o primeiro elemento de uma matriz.

Sintaxe

array.shift()

Exemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.shift();
document.writeln(array_result);

Resultado

12. fatia ()

O método slice () é usado para exibir parte dos elementos da matriz fornecidos sem alterar a matriz original.

Sintaxe

array.slice(start, end)

Exemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.slice(2, 3);
document.writeln(array_result);

Resultado

13. sort ()

O método sort () é usado para exibir os elementos da matriz em ordem crescente.

Sintaxe

array.sort()

Exemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Kohli", "Rohit", "Dhawan");
var array_result=my_array.sort();
document.writeln(array_result);

Resultado

14. unshift ()

O método unshift () é usado para adicionar elementos no início da matriz.

Sintaxe

array.unshift(“element”)

Exemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.unshift("Kohli");
document.writeln(my_array);

Resultado

15. indexOf ()

O método indexOf () é usado para pesquisar a posição de um elemento em uma determinada matriz.

Sintaxe

array.indexOf(“element”)

Exemplo


JavaScript Array Method

var my_array=("Dhoni", "Sachin", "Rohit", "Dhawan");
var array_result=my_array.indexOf("Rohit");
document.writeln(array_result);

Resultado

Conclusão

Conforme discutido até agora, uma matriz é um tipo especial de objeto para armazenar e gerenciar elementos de dados. Uma matriz é um objeto que fornece um grupo de elementos e útil para armazenar uma grande quantidade de dados do mesmo tipo. As propriedades e métodos de objetos de matriz ajudam os desenvolvedores a manipular matrizes facilmente. Como um objeto global, a matriz JavaScript pode ser usada na construção de matrizes de alto nível.

Artigo recomendado

Este foi um guia para matrizes em JavaScript. Aqui discutimos os diferentes tipos e métodos de matrizes junto com o Exemplo. Você também pode consultar nossos outros artigos sugeridos para saber mais

  1. Ferramentas JavaScript
  2. Funções matemáticas de JavaScript
  3. Melhores estruturas Javascript
  4. Usos do JavaScript
  5. Matrizes em PHP

Categoria:

Desenvolvimento de software