V tomto výukovém programu se na příkladu dozvíte o poli JavaScriptu.
Jak víte, proměnná může uložit jeden prvek. Pokud potřebujete uložit více prvků najednou, můžete použít pole.
Pole je objekt, do kterého lze uložit více prvků . Například,
const myArray = ('hello', 'world', 'welcome');
Vytvořte pole
Pole můžete vytvořit dvěma způsoby:
1. Použití literálu pole
Nejjednodušší způsob, jak vytvořit pole, je použití literálu pole (). Například,
const array1 = ("eat", "sleep");
2. Použití nového klíčového slova
Můžete také vytvořit pole pomocí newklíčového slova JavaScriptu .
const array2 = new Array("eat", "sleep");
V obou výše uvedených příkladech jsme vytvořili pole se dvěma prvky.
Poznámka : K vytvoření pole se doporučuje použít literál pole.
Zde je více příkladů 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);
V poli můžete také ukládat pole, funkce a další objekty. Například,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Přístup k prvkům pole
K prvkům uvnitř pole můžete přistupovat pomocí indexů (0, 1, 2…) . Například,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
Indexování polí v JavaScriptu
Poznámka : Index pole začíná 0, ne 1.
Přidejte prvek do pole
Můžete použít vestavěnou metodu push()a unshift()přidat prvek do pole.
push()Metoda přidává prvek na konci pole a vrátí délku nového pole. Například,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Metoda přidá nový prvek na začátek pole a vrátí novou délku tohoto pole. Například,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Změňte prvky pole
Můžete také přidat prvky nebo je změnit pomocí přístupu k hodnotě 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')
Předpokládejme, že pole má dva prvky. Pokud se pokusíte přidat prvek na index 3 (čtvrtý prvek), bude třetí prvek nedefinovaný. Napří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ásadě platí, že pokud se pokusíte přidat prvky do vysokých indexů, budou mít indexy mezi nimi nedefinovanou hodnotu.
Odeberte prvek z pole
pop()Metodu můžete použít k odebrání posledního prvku z pole. pop()Metoda také vrátí vrácenou hodnotu. Napří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')
Pokud potřebujete odebrat první prvek, můžete použít shift()metodu. shift()Metoda odstraní první prvek a také vrátí odstraněný prvek. Například,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Délka pole
Pomocí vlastnosti můžete zjistit délku prvku (počet prvků v poli) length. Například,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Pole metody
V JavaScriptu jsou k dispozici různé metody polí, které usnadňují provádění užitečných výpočtů.
Mezi běžně používané metody pole JavaScriptu patří:
| Metoda | Popis |
|---|---|
| concat () | spojí dvě nebo více polí a vrátí výsledek |
| indexOf () | prohledá prvek pole a vrátí jeho pozici |
| nalézt() | vrací první hodnotu prvku pole, který projde testem |
| findIndex () | vrací první index prvku pole, který projde testem |
| pro každého() | volá funkci pro každý prvek |
| zahrnuje() | zkontroluje, zda pole obsahuje zadaný prvek |
| tlačit() | přidá nový prvek na konec pole a vrátí novou délku pole |
| 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.
Protože pole jsou objekty, jsou prvky pole uloženy jako reference. Když se tedy zkopíruje hodnota pole, jakákoli změna v zkopírovaném poli se také projeví v původním poli. Například,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Můžete také ukládat hodnoty předáním pojmenovaného klíče do pole. Například,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
Indexování polí v JavaScriptu
Nedoporučuje se však ukládat hodnoty předáváním libovolných jmen do pole.
Proto v JavaScriptu byste měli použít pole, pokud jsou hodnoty v uspořádané kolekci. Jinak je lepší použít objekt s ( ).
Doporučené články
- JavaScript pro každý
- JavaScript pro … z
- Multidimenzionální pole JavaScriptu
