Neste blog detalhado, você verá e aprenderá todos os métodos e operações básicos de array em JavaScript

O que é uma matriz?

Uma matriz é uma estrutura de dados que permite armazenar uma coleção de itens sob um nome de variável, que pode ou não estar relacionado logicamente. Normalmente, eles são acessados ​​por seu índice ou chave.

Sintaxe de matriz JavaScript

const your_arrayname =[item1,item2,...]

Arrays são redimensionáveis ​​e podem ter qualquer tipo.

["Adarsh",5,true] 

["first","second","third","fourth"]
// 0        1        2        3         <- Index

arrayname[0] // returns first item in array
arrayname[1] // returns second item in array

Você pode criar arrays de duas maneiras:

const your_arrayname =[item1,item2,...]
OR
const your_arrayname = new Array(item1,item2,...)

1. Comprimento de uma matriz

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
billionaries.length   // 4

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
for(let i=0;i<billionaries.length;i++){
console.log(billionaries[i])
}
//result
Bill Gates
Warren Buffet
Elon Musk
Adarsh

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
billionaries.push("Adarsh Gupta 2")
//result 
["Bill Gates","Warren Buffet","Elon Musk","Adarsh","Adarsh Gupta 2"]

método:pop()

billionaires.pop() 
//return the last element and removes it from the array

método: shift()

const billionaries =["Bill Gates","Warren Buffet","Elon Musk"]
billionares.shift()//return Bill Gates and removes it from the array

método:unshift()

const billionaries =["Bill Gates","Warren Buffet","Elon Musk"]
billionares.unshift("Adarsh") // return array length and add adarsh to the array

método:concat()

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2);
console.log(arr3);
// [1,2,3,4,5,6]

método:splice(start,end,...items)

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
//['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']

método:slice()

const WWE = ["Cena", "Randy", "Rey", "UnderTaker", "HHH"];
const WWEFAME = WWE.slice(1);
WWE = ["Cena", "Randy", "Rey", "UnderTaker", "HHH"]
WWEFAME = [ "Randy", "Rey", "UnderTaker", "HHH"]

método:sort()

const words_Letters=["a","e","b","c","alpha","beta","gamma"]
words_Letters.sort()
['a', 'alpha', 'b', 'beta', 'c', 'e', 'gamma']
const num=[1,33,2,44,54,13,4,23,11]
num.sort() //not numerically but alphabeticaly
[1, 11, 13, 2, 23, 33, 4, 44, 54]

Primeiro classifique usando sort(), depois inverta isso usandoreverse()

12. Inverta uma matriz de números

const num=[1,33,2,44,54,13,4,23,11]
num.sort((a,b)=>{return a-b})

método:flat()

[1, [2, [3, 4], 5], 6, [7, 8]].flat(Infinity)
//[1, 2, 3, 4, 5, 6, 7, 8]

método:map()

[1, 2, 3, 4, 5, 6, 7, 8].map(a=>console.log(a))

const array1 = [1, 2, 3]
const array2 = [4, 5, 6]
const newArray = [...array1, ...array2]

console.log(newArray)
// [1, 2, 3, 4, 5, 6]
onst array = ['A', 'B', 'C', 'D', 'E']
const [first, second, ...remaining] = array

console.log(first)
// A
console.log(second)
// B
console.log(remaining)
// ["C","D","E"]

O método filter() pega cada elemento de um array e aplica uma instrução condicional nele

let num1 = [1,2, 3, 4, 5, 6, 7, 8];
let data = num1.filter((value)=> return value%2==0)
 // data =[2,4,6,8]

Espero que este tópico detalhado tenha sido útil. Siga-me no Medium , bem como no meu Twitter, Adarsh ​​Gupta para mais conteúdos sobre JavaScript, Desenvolvimento Web e muito mais.

Crie aplicativos da Web que podem ser compostos

Não construa monolitos da web. Use o Bit para criar e compor componentes de software desacoplados — em seus frameworks favoritos como React ou Node. Crie aplicativos escaláveis ​​e modulares com uma experiência de desenvolvimento poderosa e agradável.

Traga sua equipe para o Bit Cloud para hospedar e colaborar em componentes juntos e acelerar, dimensionar e padronizar o desenvolvimento como uma equipe. Experimente frontends compostos com um Design System ou Micro Frontends , ou explore o backend composto com componentes do lado do servidor .

Experimente →

Saber mais