Metody pole JavaScript
Převod polí na řetězce
Metoda JavaScript toString()převede pole na řetězec hodnot pole (oddělených čárkami).
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Výsledek:
Metoda join()také spojuje všechny prvky pole do řetězce.
Chová se stejně jako toString(), ale navíc můžete zadat oddělovač:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.join(" * ");
Výsledek:
Pukání a tlačení
Při práci s poli je snadné prvky odebírat a přidávat nové.
To je to, co je praskání a tlačení:
Vyskakování položek z pole nebo vkládání položek do pole.
JavaScript Array pop()
Metoda pop()odstraní poslední prvek z pole:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.pop();
Metoda pop()vrací hodnotu, která byla „vysunuta“:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.pop();
JavaScript Array push()
Metoda push()přidá nový prvek do pole (na konci):
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");
Metoda push()vrací novou délku pole:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let length = fruits.push("Kiwi");
Posouvání prvků
Posouvání je ekvivalentní praskání, ale pracuje se na prvním prvku místo na posledním.
JavaScript Array shift()
Metoda shift()odstraní první prvek pole a "posune" všechny ostatní prvky na nižší index.
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();
Metoda shift()vrací hodnotu, která byla „posunutá“:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
let fruit = fruits.shift();
Pole JavaScript unshift()
Metoda unshift()přidá nový prvek do pole (na začátku) a "odřadí" starší prvky:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Metoda unshift()vrací novou délku pole.
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");
Změna prvků
K prvkům pole se přistupuje pomocí jejich indexového čísla :
Indexy pole začínají 0:
[0] je první prvek pole
[1] je druhý
[2] je třetí ...
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[0] = "Kiwi";
Délka pole JavaScript
Tato lengthvlastnost poskytuje snadný způsob, jak připojit nový prvek k poli:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits[fruits.length] = "Kiwi";
JavaScript Array delete()
Varování !
Prvky pole lze odstranit pomocí operátoru JavaScript delete.
Použití deletelistů undefinedděr v poli.
Místo toho použijte pop() nebo shift().
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];
Slučování (řetězení) polí
Metoda concat()vytvoří nové pole sloučením (zřetězením) existujících polí:
Příklad (sloučení dvou polí)
const myGirls = ["Cecilie", "Lone"];
const myBoys = ["Emil", "Tobias", "Linus"];
const myChildren = myGirls.concat(myBoys);
Metoda concat()nemění existující pole. Vždy vrátí nové pole.
Metoda concat()může mít libovolný počet argumentů pole:
Příklad (sloučení tří polí)
const arr1 = ["Cecilie", "Lone"];
const arr2 = ["Emil", "Tobias", "Linus"];
const arr3 = ["Robin", "Morgan"];
const myChildren = arr1.concat(arr2, arr3);
Metoda concat()může také brát řetězce jako argumenty:
Příklad (sloučení pole s hodnotami)
const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");
Spojování a krájení polí
Metoda splice()přidává nové položky do pole.
Metoda slice()vyřízne část pole.
JavaScript Array splice()
Metodu splice()lze použít k přidání nových položek do pole:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
První parametr (2) definuje pozici , kam by měly být přidány (spojeny) nové prvky.
Druhý parametr (0) určuje , kolik prvků má být odstraněno .
Zbývající parametry ("Lemon" , "Kiwi") definují nové prvky, které mají být přidány .
Metoda splice()vrátí pole s odstraněnými položkami:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi");
Použití splice() k odstranění prvků
S chytrým nastavením parametrů můžete použít splice()k odstranění prvků, aniž byste v poli zanechali "díry":
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
První parametr (0) definuje pozici, kam by měly být přidány (spojeny) nové prvky.
Druhý parametr (1) určuje , kolik prvků má být odstraněno .
Zbývající parametry jsou vynechány. Nebudou přidávány žádné nové prvky.
JavaScript Array slice()
Metoda slice()rozdělí část pole do nového pole.
Tento příklad vyřízne část pole počínaje prvkem pole 1 ("Oranžová"):
Příklad
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1);
Poznámka
Metoda slice()vytvoří nové pole.
Metoda slice()neodstraní žádné prvky ze zdrojového pole.
Tento příklad vyřízne část pole počínaje prvkem pole 3 ("Apple"):
Příklad
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(3);
Metoda slice()může mít dva argumenty jako slice(1, 3).
Metoda pak vybere prvky od počátečního argumentu až po (ale nezahrnuje) koncový argument.
Příklad
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(1, 3);
Pokud je koncový argument vynechán, jako v prvních příkladech, slice()
metoda oddělí zbytek pole.
Příklad
const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
const citrus = fruits.slice(2);
Automatic toString()
JavaScript automaticky převede pole na řetězec oddělený čárkami, když se očekává primitivní hodnota.
To je vždy případ, kdy se pokusíte o výstup pole.
Tyto dva příklady povedou ke stejnému výsledku:
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.toString();
Příklad
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits;
Poznámka
Všechny objekty JavaScriptu mají metodu toString().
Hledání maximálních a minimálních hodnot v poli
Neexistují žádné vestavěné funkce pro nalezení nejvyšší nebo nejnižší hodnoty v poli JavaScriptu.
Jak tento problém vyřešit, se dozvíte v další kapitole tohoto návodu.
Třídicí pole
Třídění polí je popsáno v další kapitole tohoto tutoriálu.
Kompletní reference pole
For a complete Array reference, go to our:
Complete JavaScript Array Reference.
The reference contains descriptions and examples of all Array properties and methods.