Ebben az oktatóanyagban példák segítségével megismerheti a JavaScript tömböt.
Mint tudják, a változó egyetlen elemet képes tárolni. Ha egyszerre több elemet kell tárolnia, használhat tömböt.
A tömb egy olyan objektum, amely több elemet képes tárolni . Például,
const myArray = ('hello', 'world', 'welcome');
Hozzon létre egy tömböt
Tömböt kétféle módon hozhat létre:
1. A tömb szóhasználata
A tömb létrehozásának legegyszerűbb módja egy tömb literál használata (). Például,
const array1 = ("eat", "sleep");
2. Az új kulcsszó használata
Tömböt is létrehozhat a JavaScript newkulcsszavával.
const array2 = new Array("eat", "sleep");
Mindkét fenti példában létrehoztunk egy tömböt, amelynek két eleme van.
Megjegyzés : A tömb létrehozásához ajánlott a tömb szó szerinti használata.
Itt van még néhány példa tömbökre:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Tömbök, funkciók és egyéb objektumok is tárolhatók egy tömbben. Például,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Tömb hozzáférési elemei
A tömb belsejében lévő elemeket indexekkel (0, 1, 2…) lehet elérni . Például,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Tömb indexelés JavaScript-ben
Megjegyzés : Az Array indexe 0-val kezdődik, nem 1-vel.
Adjon hozzá egy elemet egy tömbhöz
Használhatja a beépített módszert push()és unshift()elemet adhat hozzá egy tömbhöz.
A push()módszer hozzáad egy elemet egy tömb végén, és visszaadja egy új tömb hosszát. Például,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
A unshift()módszer új elemet ad hozzá egy tömb elejéhez, és visszaadja egy tömb új hosszát. Például,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Módosítsa a tömb elemeit
Hozzáadhat elemeket vagy módosíthatja az elemeket az indexérték elérésével.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Tegyük fel, hogy egy tömbnek két eleme van. Ha megpróbál elemet felvenni a 3. indexbe (negyedik elem), akkor a harmadik elem nincs meghatározva. Például,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
Alapvetően, ha megpróbál elemeket hozzáadni a magas indexekhez, akkor a köztük lévő indexek meghatározatlan értékűek lesznek.
Elem eltávolítása egy tömbből
A pop()módszerrel eltávolíthatja az utolsó elemet egy tömbből. A pop()módszer a visszaadott értéket is visszaadja. Például,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
Ha el kell távolítania az első elemet, használhatja a shift()módszert. A shift()módszer eltávolítja az első elemet, és visszaadja az eltávolított elemet is. Például,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Tömb hossza
Az elem hosszát (egy tömbben lévő elemek számát) a lengthtulajdonság segítségével találhatja meg. Például,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Tömb módszerek
A JavaScript-ben különféle tömb módszerek állnak rendelkezésre, amelyek megkönnyítik a hasznos számítások elvégzését.
Néhány általánosan használt JavaScript tömb módszer:
| Módszer | Leírás |
|---|---|
| concat () | két vagy több tömböt összekapcsol és eredményt ad vissza |
| indexe() | keres egy tömb elemét, és visszaadja a pozícióját |
| megtalálja() | egy tömbelem első értékét adja eredményül, amely sikeresen teljesít egy tesztet |
| findIndex () | egy tömbelem első indexét adja vissza, amely sikeresen átmegy egy teszten |
| az egyes() | meghív egy függvényt minden elemhez |
| magába foglalja() | ellenőrzi, hogy egy tömb tartalmaz-e egy megadott elemet |
| nyom() | új elemet ad egy tömb végére, és visszaadja egy tömb új hosszát |
| váltás () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Mivel a tömbök objektumok, a tömb elemeket hivatkozásként tároljuk. Ezért egy tömbérték másolásakor a másolt tömbben bekövetkezett bármilyen változás az eredeti tömbben is tükröződik. Például,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Értékeket úgy is tárolhat, hogy megnevez egy kulcsot egy tömbben. Például,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Tömb indexelés JavaScript-ben
Azonban nem ajánlott értékeket tárolni tetszőleges nevek tömbben való átadásával.
Ezért a JavaScript-ben tömböt kell használnia, ha az értékek rendezett gyűjteményben vannak. Egyébként jobb, ha objektumot használunk ( ).
Ajánlott cikkek
- JavaScript forEach
- JavaScript a következőhöz:
- JavaScript többdimenziós tömb
