In questo blog dettagliato, vedrai e imparerai tutti i metodi e le operazioni di base degli array in JavaScript

Che cos'è un array?

Un array è una struttura di dati che consente di memorizzare una raccolta di elementi sotto un nome di variabile, che può essere o meno logicamente correlato. Di solito, sono accessibili dal loro indice o chiave.

sintassi dell'array JavaScript

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

Gli array sono ridimensionabili e possono avere qualsiasi 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

Puoi creare array in due modi:

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

1. Lunghezza di un array

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"]

metodo:pop()

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

metodo: shift()

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

metodo:unshift()

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

metodo: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]

metodo:splice(start,end,...items)

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

metodo:slice()

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

metodo: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]

Prima ordina usando sort(), quindi inverti usandoreverse()

12. Invertire una matrice di numeri

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

metodo:flat()

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

metodo: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"]

Il metodo filter() prende ogni elemento da un array e applica un'istruzione condizionale su di esso

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

Spero che questo thread dettagliato sia stato utile. Seguimi su Medium e sul mio account Twitter Adarsh ​​Gupta per ulteriori contenuti su JavaScript, sviluppo Web e altro ancora.

Crea applicazioni web componibili

Non costruire monoliti web. Usa Bit per creare e comporre componenti software disaccoppiati, nei tuoi framework preferiti come React o Node. Crea applicazioni scalabili e modulari con un'esperienza di sviluppo potente e divertente.

Porta il tuo team su Bit Cloud per ospitare e collaborare sui componenti insieme e accelerare, scalare e standardizzare lo sviluppo come un team. Prova i frontend componibili con un Design System o Micro Frontend , oppure esplora il backend componibile con componenti lato server .

Provalo →

Scopri di più