Základní funkce pole JavaScriptu

Úvod

Zde jsou některé z nejzákladnějších funkcí pole JS.

Předpokládejme, že níže uvedený kód je v následujících příkladech deklarován na nejvyšší úrovni.

var arr = [1, 2, 3, 4, 5];

Přidat nebo odebrat položky

pop()/push()

pop() :Odebere poslední prvek pole a vrátí tento prvek.
push() :Přidá nové prvky na konec pole a vrátí novou délku.

arr.push(6);
console.log(arr); //=> [1, 2, 3, 4, 5, 6]

arr.pop(6);
console.log(arr); //=>  [1, 2, 3, 4, 5]

shift()/unshift()

shift() :Odebere první prvek pole a vrátí tento prvek.
unshift() :Přidá nové prvky na začátek pole a vrátí novou délku.

arr.unshift(0);
console.log(arr); //=> [0, 1, 2, 3, 4, 5]

arr.shift();
console.log(arr); //=>  [1, 2, 3, 4, 5]

slice()

Vybere část pole a vrátí nové pole.

let a4 = arr.slice(0, 3);
console.log(a4); //=>  [1, 2, 3]

splice()

Přidá/odstraní prvky z pole.

var months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
// inserts at 1st index position
console.log(months);
// expected output: Array ['Jan', 'Feb', 'March', 'April', 'June']

months.splice(4, 1, 'May');
// replaces 1 element at 4th index
console.log(months);
// expected output: Array ['Jan', 'Feb', 'March', 'April', 'May']
  • JavaScript – metoda Array splice() – Tutorialspoint

concat()

Spojí dvě nebo více polí a vrátí kopii spojených polí.

let a1 = arr.concat([6, 7]);
console.log(a1); //=> [1, 2, 3, 4, 5, 6, 7]

Opakovat položky

forEach()

Volá funkci pro každý prvek pole.

function repeat(ele) {
  console.log(ele);
}
arr.forEach(repeat); //=> 1 2 3 4 5

Hledat v poli

indexOf()

Vyhledá položku začínající v indexu od a vrátí index, kde byla nalezena, jinak -1.

console.log(arr.indexOf(0)) //=> 1
console.log(arr.indexOf(10)) //=> -1

find()/findIndex()

Vrátí hodnotu prvního prvku v poli, který prošel testem.

console.log(arr.find(num => num > 2)); //=> 3
console.log(arr.findIndex(num => num > 2)); //=> 2

zahrnuje()

Zkontrolujte, zda pole obsahuje zadaný prvek.

console.log(arr.includes(2)); //=> true

filtr()

Vytvoří nové pole s každým prvkem v poli, který projde testem.

let a2 = arr.filter(num => num > 3);
console.log(a2); //=> [4, 5]

Transformovat pole

map()

Vytvoří nové pole s výsledkem volání funkce pro každý prvek pole.

a3 = arr.map(ele => ele - 1);
console.log(a3); //=> [0, 1, 2, 3, 4]

sort()

Seřadí prvky pole.

let array = [4, 2, 3, 4, 5, 6, 7];
console.log(array.sort()); //=> [2, 3, 4, 4, 5, 6, 7]

reverse()

Metoda arr.reverse obrátí pořadí prvků v arr.

console.log(arr.reverse()) //=> [5, 4, 3, 2, 1];

snížit()

reduce() metoda redukuje pole na jedinou hodnotu.

reduce() metoda provede poskytnutou funkci pro každou hodnotu pole (zleva doprava).

Zde je základní syntaxe.

let value = arr.reduce(function(previousValue, item, index, array) {
  // ...
}, initial);
  • item – je aktuální položka pole.
  • index – je jeho pozice.
  • array – je pole.
  • previousValue – je výsledkem předchozího volání funkce, počáteční pro první volání.
let result = arr.reduce((sum, current) => sum + current, 0);

console.log(result); //=> 15

reference

  • w3schools.com
  • javascript.info