Čtyři běžné metody pole Javascript Push, Pop, Shift a Unshift

Javascript má řadu metod souvisejících s poli, které umožňují programátorům provádět různé operace s poli. Existují čtyři metody, které se používají zejména pro přidávání a odebírání prvků do a z pole. Jsou to:push() , pop() , shift() a unshift() . Pro zkušené i nové programátory je pravděpodobné, že budou někdy zmateni, jak každý z nich funguje a který v jaké situaci použít. Proto jsme se v tomto článku pokusili koncept zjednodušit pomocí obrázků a příkladů. Začněme je prozkoumávat jednu po druhé. Poté porovnáme jejich podobnosti a rozdíly. Pro lepší pochopení se prosím podívejte také na obrázky.

1. Pushí

Jak je vidět na obrázku výše, push() metoda přidá jeden nebo více prvků na konec pole. Tyto prvky jsou dodávány jako parametry při volání metody. Tento fenomén vkládání věcí na konec něčeho (soubor, pole atd.) se často nazývá 'append “ ve světě počítačů. Po připojení prvků, push() metoda vrací novou délku pole.

    // Syntax: arr.push(item1[, ...[, itemN]])
    // Parameters: One or more items
    // Return value: the new length of array

    let languages = [ "Java", "PHP", "Python" ];
    let foo = languages.push("JS");

    console.log(foo);
    // Output => 4

    console.log(languages);
    // Output => [ 'Java', 'PHP', 'Python', 'JS' ]

2. Popa

pop() metoda odstraní poslední prvek z pole a vrátí tento prvek. Tato metoda nebere žádný parametr.

    // Syntax: arr.pop()
    // Return value: the removed element of the array

    let languages = ["Java", "PHP", "Python"];
    let poppedItem = languages.pop();

    console.log(poppedItem);
    // Output => Python

    console.log(languages);
    // Output => [ 'Java', 'PHP' ]

3. Shift

shift() metoda je podobná pop() metoda. Odebere první prvek z pole a vrátí jej. Stejně jako pop() metoda, nebere žádný parametr.

    // Syntax: arr.shift()
    // Return value: the removed element of the array

    let languages = ["Java", "PHP", "Python"];
    let foo = languages.shift();

    console.log(foo);
    // Output => Java

    console.log(languages);
    // Output => [ 'PHP', 'Python' ]

4. Zrušit řazení

Stejně jako push() metoda, kterou jsme viděli na začátku, unshift() přidá jeden nebo více prvků do pole. Ale přidá je na začátek pole, které se často nazývá prepend v informatice. Po přidání prvku (prvků) unshift() metoda vrací novou délku hodnotu pole.

    //Syntax: arr.unshift(Item1[, ...[, ItemN]])
    // Return value: the new length of the array

    let languages = ["Java", "PHP", "Python"];
    let foo = languages.unshift("JS");

    console.log(foo);
    // Output => 4

    console.log(languages);
    // Output => [ 'JS', 'Java', 'PHP', 'Python' ]

Doufám, že nyní jsou vaše koncepty jasné. Použijme nyní srovnávací metodu, která nám pomůže shrnout ji ještě lépe pochopit. Porovnání nám také pomůže udržet koncept po delší dobu.

'Push and Pop' vs 'Shift and Unshift'

Push a Pop zabývat se koncem pole, zatímco Shift a Unshift zabývat se začátkem pole.

Push vs. Pop

Push slouží k přidávání prvků, zatímco Pop slouží k odstranění prvku.

Push vyžaduje prvky jako parametry při vyvolání při  Pop nepotřebuje totéž.

Push vrátí novou délku pole while Pop vrátí vyskakovaný prvek.

UnShift vs Shift

Unshift slouží k přidávání prvků, zatímco Shift slouží k odstranění prvku.

Unshift vyžaduje prvky jako parametry při vyvolání při  Shift nepotřebuje totéž.

Unshift vrátí novou délku pole while Shift vrátí odstraněný prvek.

Doufám, že to pomohlo. Pojďme diskutovat více v sekci komentářů?

Tento článek byl původně publikován ve FoxBits