En este blog detallado, verá y aprenderá todos los métodos y operaciones de matriz básicos en JavaScript.

¿Qué es una matriz?

Una matriz es una estructura de datos que le permite almacenar una colección de elementos bajo un nombre de variable, que puede o no estar relacionado lógicamente. Por lo general, se accede a ellos por su índice o clave.

Sintaxis de matriz de JavaScript

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

Las matrices son redimensionables y pueden tener cualquier 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

Puede crear matrices de dos maneras:

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

1. Longitud de una 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]

Primero ordene usando sort(), luego invierta eso usandoreverse()

12. Invierte una 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"]

El método filter() toma cada elemento de una matriz y aplica una declaración condicional contra él.

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 hilo detallado haya sido útil. Sígueme en Medium , así como en mi cuenta de Twitter, Adarsh ​​Gupta , para obtener más contenido sobre JavaScript, desarrollo web y más.

Cree aplicaciones web componibles

No construyas monolitos web. Use Bit para crear y componer componentes de software desacoplados, en sus marcos favoritos como React o Node. Cree aplicaciones escalables y modulares con una experiencia de desarrollo potente y agradable.

Lleve a su equipo a Bit Cloud para alojar y colaborar en componentes juntos, y acelerar, escalar y estandarizar el desarrollo como equipo. Pruebe interfaces componibles con Design System o Micro Frontends , o explore el backend componible con componentes del lado del servidor .

Pruébalo →

Aprende más