V tomto výučbe sa pomocou príkladov dozviete o poli JavaScriptu.
Ako viete, premenná dokáže uložiť jeden prvok. Ak potrebujete uložiť viac prvkov naraz, môžete použiť pole.
Pole je objekt, do ktorého je možné uložiť viac prvkov . Napríklad,
const myArray = ('hello', 'world', 'welcome');
Vytvorte pole
Pole môžete vytvoriť dvoma spôsobmi:
1. Použitie literálu poľa
Najjednoduchší spôsob, ako vytvoriť pole, je použiť literál poľa (). Napríklad,
const array1 = ("eat", "sleep");
2. Používanie nového kľúčového slova
Môžete tiež vytvoriť pole pomocou newkľúčového slova JavaScriptu .
const array2 = new Array("eat", "sleep");
V obidvoch vyššie uvedených príkladoch sme vytvorili pole s dvoma prvkami.
Poznámka : Na vytvorenie poľa sa odporúča použiť literál poľa.
Tu je viac príkladov polí:
// 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);
Polia, funkcie a ďalšie objekty môžete ukladať aj do poľa. Napríklad,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Prístup k prvkom poľa
K prvkom vo vnútri poľa môžete získať prístup pomocou indexov (0, 1, 2 …) . Napríklad,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Indexovanie polí v JavaScripte
Poznámka : Index poľa začína 0, nie 1.
Pridajte prvok do poľa
Môžete použiť vstavanú metódu push()a unshift()na pridanie prvku do poľa.
push()Metóda pridáva prvok na konci poľa a vráti dĺžku nového poľa. Napríklad,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Metóda pridá nový prvok na začiatok poľa a vráti novú dĺžku tohto poľa. Napríklad,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Zmeňte prvky poľa
Môžete tiež pridať prvky alebo ich zmeniť prístupom k hodnote indexu.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Predpokladajme, že pole má dva prvky. Ak sa pokúsite pridať prvok na index 3 (štvrtý prvok), tretí prvok bude nedefinovaný. Napríklad,
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")
V zásade platí, že ak sa pokúsite pridať prvky k vysokým indexom, indexy medzi nimi budú mať nedefinovanú hodnotu.
Odstráňte prvok z poľa
Túto pop()metódu môžete použiť na odstránenie posledného prvku z poľa. pop()Metóda tiež vráti vrátenú hodnotu. Napríklad,
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')
Ak potrebujete odstrániť prvý prvok, môžete použiť shift()metódu. shift()Metóda odstráni prvý prvok a tiež vráti odstránený prvok. Napríklad,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Dĺžka poľa
You can find the length of an element (the number of elements in an array) using the length property. For example,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Array Methods
In JavaScript, there are various array methods available that makes it easier to perform useful calculations.
Some of the commonly used JavaScript array methods are:
| Method | Description |
|---|---|
| concat() | joins two or more arrays and returns a result |
| indexOf() | searches an element of an array and returns its position |
| find() | returns the first value of an array element that passes a test |
| findIndex() | returns the first index of an array element that passes a test |
| forEach() | calls a function for each element |
| includes() | checks if an array contains a specified element |
| push() | aads a new element to the end of an array and returns the new length of an array |
| unshift() | 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.
Pretože polia sú objekty, prvky poľa sa ukladajú ako referencia. Preto keď sa skopíruje hodnota poľa, akákoľvek zmena v kopírovanom poli sa prejaví aj v pôvodnom poli. Napríklad,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Hodnoty môžete uložiť aj odovzdaním pomenovaného kľúča do poľa. Napríklad,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Indexovanie polí v JavaScripte
Neodporúča sa však ukladať hodnoty zadávaním ľubovoľných mien do poľa.
Preto v JavaScripte by ste mali použiť pole, ak sú hodnoty v usporiadanom zbere. Inak je lepšie použiť objekt s ( ).
Odporúčané články
- JavaScript pre každú
- JavaScript pre … z
- Multidimenzionálne pole JavaScriptu
