In diesem ausführlichen Blog sehen und lernen Sie alle grundlegenden Array-Methoden und -Operationen in JavaScript kennen

Was ist ein Array?

Ein Array ist eine Datenstruktur, mit der Sie eine Sammlung von Elementen unter einem Variablennamen speichern können, die logisch zusammenhängen können oder nicht. Normalerweise wird auf sie über ihren Index oder Schlüssel zugegriffen.

JavaScript-Array-Syntax

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

Arrays sind in der Größe veränderbar und können jeden beliebigen Typ haben.

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

Sie können Arrays auf zwei Arten erstellen:

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

1. Länge eines Arrays

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

Methode:pop()

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

Methode: shift()

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

Methode:unshift()

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

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

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

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

Methode:slice()

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

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

Erst mit sortieren sort(), dann mit umkehrenreverse()

12. Kehren Sie ein Array von Zahlen um

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

Methode:flat()

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

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

Die Methode filter() nimmt jedes Element aus einem Array und wendet eine bedingte Anweisung darauf an

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

Ich hoffe, dieser ausführliche Thread war hilfreich. Folgen Sie mir auf Medium sowie auf meinem Twitter -Account Adarsh ​​Gupta , um weitere Inhalte rund um JavaScript, Webentwicklung und mehr zu erhalten.

Erstellen Sie zusammensetzbare Webanwendungen

Bauen Sie keine Web-Monolithen. Verwenden Sie Bit , um entkoppelte Softwarekomponenten zu erstellen und zusammenzustellen – in Ihren bevorzugten Frameworks wie React oder Node. Erstellen Sie skalierbare und modulare Anwendungen mit einem leistungsstarken und unterhaltsamen Entwicklungserlebnis.

Bringen Sie Ihr Team zu Bit Cloud , um gemeinsam Komponenten zu hosten und zusammenzuarbeiten und die Entwicklung als Team zu beschleunigen, zu skalieren und zu standardisieren. Probieren Sie zusammensetzbare Frontends mit einem Design System oder Mikro-Frontends aus oder erkunden Sie das zusammensetzbare Backend mit serverseitigen Komponenten .

Probieren Sie es aus →

Mehr erfahren