V programování je často nutné přenést smyčku for na obrazovku do řádku v jazyce JavaScript. To může být užitečné například pro zobrazení řady čísel, prvků pole nebo provádění určitých akcí v cyklu. V tomto článku se podíváme na několik jednoduchých a účinných způsobů, jak tento úkol realizovat.
Druhý způsob je založen na použití metody pole join (). Za tímto účelem vytvoříme prázdné pole a poté v cyklu for do něj přidáme potřebné hodnoty. Po skončení cyklu zavoláme metodu join () pro pole a jako argument označíme oddělovač. Výsledkem je řetězec, ve kterém jsou hodnoty cyklu odděleny zadaným oddělovačem.
1. Pomocí operátora join()
const numbers = [];for (let i = 1; i const str = numbers.join(', ');console.log(str); // "1, 2, 3, 4, 5, 6, 7, 8, 9, 10"2. Pomocí šablonových řádků (template strings)
let str = '';for (let i = 1; i , `;>str = str.slice(0, -2);console.log(str); // "1, 2, 3, 4, 5, 6, 7, 8, 9, 10"3. Pomocí metody reduce()
const str = Array.from(< length: 10 >, (_, i) => i + 1).reduce((acc, cur) => `$, $`);console.log(str); // "1, 2, 3, 4, 5, 6, 7, 8, 9, 10"Použití příkazu"násobit"
let result = '';for (let i = 0; i
Použití metody" join " polí
Пример использования метода "join" выглядит следующим образом:
let numbers = [1, 2, 3, 4, 5];let output = numbers.join(', ');console.log(output); // "1, 2, 3, 4, 5"
В данном примере мы объявляем массив "numbers" с пятью элементами, а затем применяем метод "join" к этому массиву, указывая запятую в качестве разделителя. Результатом будет строка, в которой элементы массива будут разделены запятой и пробелом.
-
';fruits.forEach(function(fruit)
- ' + fruit + '';>);list += '
В данном примере мы сначала объявляем массив "fruits" с тремя элементами, а затем создаем переменную "list", в которой будет храниться список. Затем мы проходимся по каждому элементу массива с помощью метода "forEach" и добавляем каждый элемент в переменную "list" внутри тегов
Aplikace funkce"reduce"
Chcete-li převést smyčku for na řádek pomocí funkce reduce, musíte nejprve vytvořit pole čísel, která budou použita v cyklu. Poté je třeba určit funkci, která se bude vztahovat na každý prvek pole. V rámci této funkce lze výsledek sestavit do řádku přidáním každého čísla z pole. const numbers = [1, 2, 3, 4, 5]; const result = numbers.reduce((acc, curr) => < return acc + curr; >, ""); console.log (result); v tomto příkladu se nejprve vytvoří pole čísel [1, 2, 3, 4, 5]. Na tomto poli je pak vyvolána metoda reduce. Jako první argument je předána funkce, která přijímá dva parametry: baterii (acc) a aktuální prvek pole (curr). V rámci této funkce se provádí operace sčítání baterie se současným prvkem. Jako druhý argument je předán prázdný řádek, který bude použit jako počáteční hodnota baterie.
Použití cyklu for-of
Aplikace cyklu for-of nám umožňuje přístup ke každému prvku pole, aniž bychom museli znát jeho index. Nemusíme se starat o vedení proměnného-měřiče a procházet všemi prvky ručně. Místo toho můžeme použít syntaxi for-of k automatické iteraci všech prvků pole.
const numbers = [1, 2, 3, 4, 5];let result = "";for (const number of numbers) console.log(result); // "1 2 3 4 5 "V tomto příkladu deklarujeme proměnnou number, která bude obsahovat každý prvek pole numbers na každé iteraci. Poté jednoduše přidáme každou hodnotu number do řádku result a oddělíme je mezerou. Výsledkem je řetězec obsahující všechny prvky pole mezerou. Použití cyklu for-of nám umožňuje zjednodušit kód a učinit jej čitelnějším. Poskytuje nám také schopnost rychle a efektivně zpracovávat prvky pole nebo jiného iterovatelného objektu.
Aplikace funkce " map "a metody "join"
Funkce map umožňuje použít zadanou funkci na každý prvek pole a vrátit nové pole s výsledky aplikace funkce. V kontextu cyklu for lze pomocí " map " vytvořit nové pole obsahující hodnoty cyklu. const numbers = [1, 2, 3, 4, 5]; const output = numbers.map((number) => < return number * 2; >).join(", "); V tomto příkladu funkce " map "aplikuje operaci násobení 2 na každý prvek pole" numbers " a vytvoří nové pole s výsledky operace. Metoda "join" pak kombinuje všechny prvky nového pole do řádku a odděluje je čárkami.
Použití metody "concat" ke sloučení řádků v cyklu for
Metoda concat v JavaScriptu se používá ke sloučení dvou nebo více řádků do jednoho řádku. Může být velmi užitečný při práci s cyklem for, kdy je nutné sloučit více řádků a výsledek převést do jednoho řádku. Příklad použití metody concat v cyklu for :
var fruits = ["яблоко", "банан", "груша", "апельсин"];var result = "";for (var i = 0; i < fruits.length; i++) console.log(result); // "яблоко банан груша апельсин"