JavaScript je jedním z nejoblíbenějších programovacích jazyků pro vytváření webových aplikací. Pole jsou jednou z klíčových datových struktur v JavaScriptu, které vám umožňují ukládat a zpracovávat sady hodnot.
Pole čísel je jednoduše sada číselných hodnot, které lze uložit do pole. Vytvoření pole čísel v JavaScriptu lze provést různými způsoby a v tomto článku se podíváme na několik z nich.
1. Literární pole: Nejjednodušší metodou vytváření pole čísel je použití literárního pole. Literární pole je seznam hodnot uzavřených do čtvercových závorek a oddělených čárkami.
Například k vytvoření pole čísel od 1 do 5 můžeme použít následující kód:
const numbers = [1, 2, 3, 4, 5];
2. Metoda Array.from(): Dalším způsobem, jak vytvořit pole čísel, je použití metody Array.from(). Tato metoda přijímá iterovatelný objekt a vytváří nové pole obsahující hodnoty tohoto objektu.
Například vytvořit pole čísel od 1 do 5 pomocí metody Array.from(), můžeme použít následující kód:
const numbers = Array.from(< length: 5 >, (_, i) => i + 1);
Také pomocí metody Array.from() můžete vytvořit pole čísel podle konkrétní šablony pomocí funkce zpětného volání.
3. Metoda Array.fill(): Dalším způsobem, jak vytvořit pole čísel, je použití metody Array.fill(). Tato metoda vytvoří nové pole vyplněné uvedenou hodnotou nebo šablonou.
Abychom například vytvořili pole čísel vyplněné hodnotou 0 a délkou 5 prvků, můžeme použít následující kód:
const numbers = Array(5).fill(0);
Existuje tedy několik způsobů, jak vytvořit pole čísel v JavaScriptu. Můžete si vybrat metodu vhodnou pro vaše potřeby a použít ji k snadnému vytváření a manipulaci s poli čísel.
Co je to pole?
Každý prvek pole má svůj jedinečný index, počínaje nulou. Index se používá k přístupu k prvku pole. Pokud máme například pole čísel [1, 2, 3, 4], prvek s indexem 0 bude 1, prvek s indexem 1 bude 2 a tak dále.
Pole umožňují ukládat libovolné typy dat: čísla, řádky, objekty, funkce atd. pole lze měnit, přidávat, odstraňovat položky, měnit jejich hodnoty a provádět další operace.
K vytvoření pole v JavaScriptu se používá pár hranatých závorek []. Uvnitř závorek jsou uvedeny prvky pole oddělené čárkami. Například pole čísel [1, 2, 3, 4] prezentováno tímto způsobem.
Použití polí nám umožňuje efektivně organizovat a zpracovávat velké množství dat. Mohou být použity pro různé úkoly, od jednoduchých operací přes prvky pole až po složité algoritmy a datové struktury.
Struktura pole v JavaScriptu
Pole v JavaScriptu je uspořádaná sada prvků uložených pod jedním názvem. Každý prvek pole má svůj jedinečný index, počínaje nulou. K oslovení prvku pole se používá jeho index v hranatých závorkách.
Vytvořit pole lze dvěma způsoby:
- Literární pole: prvky pole jsou specifikovány čárkou uzavřenou ve čtvercových závorkách. Například let numbers = [1, 2, 3, 4, 5];
- Pomocí konstruktoru: používá příkaz new a volání funkce Array (). Například let numbers = new Array(1, 2, 3, 4, 5);
Prvky pole mohou být libovolného typu dat: čísla, řádky, objekty, další pole atd. pole v JavaScriptu mohou být jednorozměrná nebo vícerozměrná. Jednorozměrné pole je seznam prvků a multidimenzionální pole je pole z jiných polí.
Chcete-li získat přístup k prvku pole, musíte při pohledu na pole zadat jeho index do čtvercových závorek. Chcete-li například získat třetí prvek pole numbers z výše uvedených příkladů, musíte napsat numbers[2] . Indexy prvků pole začínají od nuly, takže první prvek bude mít index 0, druhý 1 atd.
Pole v JavaScriptu se mohou během provádění programu měnit. Můžete například změnit hodnotu položky pole, Přidat novou položku nebo odstranit existující položku.
let numbers = [1, 2, 3, 4, 5];console.log(numbers[2]); // Выведет 3numbers[0] = 10;console.log(numbers); // Выведет [10, 2, 3, 4, 5]numbers.push(6);console.log(numbers); // Выведет [10, 2, 3, 4, 5, 6]numbers.pop();console.log(numbers); // Выведет [10, 2, 3, 4, 5]
Vytvoření pole
V programovacím jazyce JavaScript se vytváření pole čísel provádí oznámením a inicializací proměnné pomocí hranatých závorek. Každý prvek pole je oddělen čárkou.
Příklad vytváření pole čísel:
- let numbers = [1, 2, 3, 4, 5];
- let evenNumbers = [2, 4, 6, 8, 10];
- let oddNumbers = [13579];
Pole mohou obsahovat prvky různých typů dat, včetně čísel, řádků, logických hodnot a dalších polí.
Příklad vytváření pole s různými typy dat:
- let mixedArray = [1, "two", true, [4, 5, 6]];
- let student = ["John Doe", 20, "Computer Science", true];
Chcete-li získat přístup k prvkům pole, použijte index prvku ve čtvercových závorkách.
Příklad přístupu k prvkům pole:
- let numbers = [1, 2, 3, 4, 5];
Pole mohou být variabilní, což umožňuje přidávat, odstraňovat a měnit prvky uvnitř pole.
Vytvoření pole pomocí literálu
Literární pole je seznam prvků uzavřených v hranatých závorkách []. Každý prvek pole je oddělen čárkou.
Chcete-li například vytvořit pole s čísly od 1 do 5, můžeme napsat následující kód:
var numbers = [1, 2, 3, 4, 5];
V tomto příkladu deklarujeme proměnnou numbers a přiřazujeme jí význam pole. V hranatých závorkách uvádíme čísla od 1 do 5 a oddělujeme je čárkami.
Nyní proměnná numbers obsahuje pole, které lze použít k práci s čísly nebo přerušování prvků pomocí cyklů.
Použití literárního pole je pohodlné a umožňuje rychlé vytvoření pole s danými hodnotami.
Vytvoření pole pomocí konstruktoru Array()
Návrhář Array () umožňuje vytvářet pole zadané délky a vyplňovat je výchozími hodnotami nebo danými hodnotami. K vytvoření prázdného pole lze použít následující syntaxi:
let arr = new Array();
Chcete-li vytvořit pole s předdefinovanou délkou a vyplněním výchozích hodnot, můžete zadat požadovanou délku uvnitř konstruktoru:
let arr = new Array (5); / / vytvoření pole s délkou 5
Vznikne tak pole s pěti prázdnými prvky.
Chcete-li přidat určité hodnoty do pole, můžete je přenést jako argumenty do konstruktoru:
let arr = new Array(1, 2, 3); // vytvoření pole s danými hodnotami
Vznikne tak pole s prvky [1, 2, 3].
Návrhář Array () také umožňuje vytvářet pole s různými typy dat a kombinací různých hodnot.
Použití nástroje array () je výhodné při vytváření polí s nastavenou délkou nebo při zadání hodnot jako proměnných.
Manipulace s masivem
Po vytvoření pole čísel v JavaScriptu, můžete provádět různé manipulace a operace s jeho prvky. Zde je několik příkladů:
- Přidání nových položek: pomocí metody push() přidejte novou položku na konec pole.
- Odstranění prvků: k odstranění posledního prvku z pole použijte metodu pop (). K odstranění prvku podle indexu můžete také použít metody shift() a splice ().
- Odkaz na položky: pro přístup k prvkům pole použijte index. Například arr[0] Vrátí první prvek.
- Hledání prvků: pomocí metody indexOf () vyhledejte konkrétní položku. Vrátí index prvního vstupu této položky nebo -1, pokud není nalezen.
- Změna prvků: jednoduše přiřaďte novou hodnotu prvku pole. Například arr[0] = 5 změní hodnotu prvního prvku na 5.
- Třídění prvků: použijte metodu sort () k třídění prvků pole vzestupně. Funkci srovnání můžete také převést do metody sort() , abyste určili pořadí třídění.
To jsou jen některé příklady manipulace s masivem. JavaScript nabízí mnoho vestavěných metod a operací pro práci s poli, které mohou být užitečné v různých scénářích.
Přidání prvků do pole
K přidání nové položky do pole v JavaScriptu se používá metoda push (). Umožňuje přidat jeden nebo více prvků na konec pole.
masiv.push (element1, element2,. elementn)
Na konec pole se přidávají nové prvky a mění se jeho délka. Pokud je pole prázdné, po přidání prvků se jeho délka rovná počtu přidaných prvků.
var numbers = [1, 2, 3];numbers.push(4);console.log(numbers); // [1, 2, 3, 4]
Metodu push () lze použít k přidání jakéhokoli typu dat do pole, včetně čísel, řádků a dokonce i dalších polí.
var fruits = ["apple", "banana"];fruits.push("orange", "grape");console.log(fruits); // ["apple", "banana", "orange", "grape"]
Také pro přidání prvků na začátek pole lze použít metodu unshift (). Funguje podobně jako metoda push() , ale přidává prvky na začátek posunutím ostatních prvků doprava.
masiv.unshift (element1, element2,. elementn)
var numbers = [1, 2, 3];numbers.unshift(0);console.log(numbers); // [0, 1, 2, 3]
Přidání prvků do pole v JavaScriptu lze tedy provést pomocí metod push () a unshift (). Pomocí těchto metod můžete dynamicky měnit obsah pole.
Odstranění prvků z pole
V JavaScriptu existuje několik způsobů, jak odstranit prvky z pole.
Jedním z nejjednodušších způsobů je použití metody splice(). Tato metoda umožňuje odstranit uvedený prvek z pole a v případě potřeby jej nahradit novými prvky.
Příklad použití metody splice():
const array = [1, 2, 3, 4, 5];// Удаляем элемент с индексом 2array.splice(2, 1);console.log(array); // [1, 2, 4, 5]
V tomto příkladu jsme odstranili prvek s indexem 2 z pole array.
Lze použít i metodu slice() odstranění prvků z pole. Tato metoda vytváří nové pole, které zahrnuje pouze vybrané prvky z původního pole.
Příklad použití metody slice():
const array = [1, 2, 3, 4, 5];// Удаляем элементы с индексами 1 и 3const newArray = array.slice(0, 1).concat(array.slice(2));console.log(newArray); // [1, 3, 4, 5]
V tomto příkladu jsme vytvořili nové pole newArray odstraněním prvků s indexy 1 a 3 z původního pole array.
Pomocí těchto metod odstraníte položky z pole v JavaScriptu v závislosti na vašem úkolu a preferencích.
Hledání prvků v poli
1. indexOf (): tato metoda vrací index prvního vstupu zadaného prvku do pole. Pokud se prvek nenajde, vrátí se -1.
2. lastIndexOf (): tato metoda vrací index posledního vstupu zadaného prvku do pole. Pokud se prvek nenajde, vrátí se -1.
3. includes (): tato metoda zkontroluje, zda pole obsahuje uvedený prvek, a vrátí logickou hodnotu true nebo false.
4. find() : tato metoda vrací hodnotu prvního nalezeného prvku v poli, které splňuje podmínku danou jako funkce.
5. filter (): tato metoda vytváří nové pole, které se skládá ze všech prvků původního pole, které splňují podmínku danou funkcí.
6. some() : tato metoda zkontroluje, zda alespoň jeden prvek pole splňuje podmínku zadanou jako funkce a vrátí logickou hodnotu true nebo false.
7. every (): tato metoda zkontroluje, zda všechny prvky pole splňují podmínku zadanou jako funkce a vrátí logickou hodnotu true nebo false.
Při používání těchto metod je důležité si uvědomit, že všechny mohou přijmout druhý argument, který udává index prvku, kde je třeba začít hledat. Také většina z nich může přijmout třetí argument, který udává kontext výkonu funkce.