W tym szczegółowym blogu zobaczysz i poznasz wszystkie podstawowe metody i operacje na tablicach w JavaScript

Co to jest tablica?

Tablica to struktura danych, która umożliwia przechowywanie kolekcji elementów pod nazwą zmiennej, która może, ale nie musi być logicznie powiązana. Zwykle dostęp do nich uzyskuje się za pomocą ich indeksu lub klucza.

Składnia tablicy JavaScript

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

Tablice można zmieniać i mogą mieć dowolny typ.

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

Tablice można tworzyć na dwa sposoby:

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

1. Długość tablicy

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

metoda:pop()

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

metoda: shift()

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

metoda:unshift()

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

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

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

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

metoda:slice()

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

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

Najpierw sortuj za pomocą sort(), a następnie odwróć to za pomocąreverse()

12. Odwróć tablicę liczb

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

metoda:flat()

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

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

Metoda filter() pobiera każdy element z tablicy i stosuje wobec niego instrukcję warunkową

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

Mam nadzieję, że ten szczegółowy wątek był przydatny. Śledź mnie na Medium , a także na moim Twitterze, w którym znajdziesz Adarsh ​​Gupta , aby uzyskać więcej treści dotyczących JavaScript, tworzenia stron internetowych i innych.

Twórz komponowalne aplikacje internetowe

Nie buduj monolitów internetowych. Używaj Bit do tworzenia i komponowania oddzielonych komponentów oprogramowania — w swoich ulubionych frameworkach, takich jak React lub Node. Twórz skalowalne i modułowe aplikacje z potężnym i przyjemnym środowiskiem programistycznym.

Przenieś swój zespół do Bit Cloud , aby wspólnie hostować i współpracować nad komponentami, a także przyspieszyć, skalować i standaryzować programowanie jako zespół. Wypróbuj komponowalne frontendy za pomocą Design System lub Micro Frontends albo poznaj komposowalny backend z komponentami po stronie serwera .

Spróbuj →

Ucz się więcej