Jak zobrazit pole řádkem v JavaScriptu

Nejprve se podíváme, co je to pole. Pole je uspořádaná datová struktura, což je sbírka prvků. Každý prvek pole má svůj vlastní index, pomocí kterého můžeme odkazovat na konkrétní prvek. V JavaScriptu mohou pole obsahovat prvky různých typů, včetně řádků.

Často je nutné zobrazit všechny prvky pole řetězcem, abyste je mohli zobrazit na webové stránce nebo přenést do jiné funkce. K tomu můžeme použít metodu join(). Tato metoda přijímá jako argument oddělovač a vrací řádek složený z prvků pole oddělených tímto oddělovačem.

Pokud máme například pole s názvy ovoce:

var fruits = ['jablko', 'banán', 'hruška','pomeranč'];

Všechny tyto plody můžeme odvodit řetězcem pomocí následujícího kódu:

var fruitsString = fruits.join(', ');

V důsledku toho získáme řádek:

'jablko, banán, hruška, pomeranč'

Tedy pomocí jednoduché metody join() pole můžeme snadno odvodit řádkem v JavaScriptu.

Metoda join () pro sloučení pole do řádku

Syntaxe metody join () je následující:

array.join(separator)

• array - název pole, které chcete sloučit do řádku
• separator je volitelný parametr, který určuje oddělovač, který bude použit mezi prvky pole. Ve výchozím nastavení bude oddělovač čárka.

Příklad použití metody join() :

var fruits = ["Яблоко", "Банан", "Апельсин"];var fruitsString = fruits.join(", ");console.log(fruitsString); // "Яблоко, Банан, Апельсин"

V tomto příkladu jsme pomocí metody join () spojili všechny prvky pole fruits do řádku a oddělili je čárkou a mezerou. Výsledný řetězec byl uložen do proměnné fruitsString .

Oddělení prvků pole daným oddělovačem

Existuje způsob, jak převést obsah pole na řádek přidáním určitého oddělovače mezi prvky. K tomu můžeme použít metodu join ().

Metoda join () sloučí všechny prvky pole do jednoho řádku a vrátí tento řádek. Můžete předat volitelný argument oddělovače, který bude použit k oddělení prvků pole ve výsledném řádku.

Pokud máme například pole s prvky:

const fruits = ['яблоки', 'груши', 'апельсины'];

Každý prvek pole můžeme oddělit čárkou a mezerou následovně:

const result = fruits.join(', ');console.log(result);// выведет: 'яблоки, груши, апельсины'

Metodou join () tedy můžeme snadno sloučit prvky pole daným oddělovačem a získat jeden řádek.

Převod prvků pole na řádky před sloučením

Před sloučením prvků pole do jednoho řádku je často nutné je převést na řádky. V JavaScriptu existuje několik způsobů, jak to udělat:

1. Pomocí smyčky for a transformace prvků pomocí metody toString() :

2. Pomocí metody map () pro konverzi prvků a metody toString() :

let arr = [1, 2, 3, 4, 5];let str = arr.map(function(element) ).join('');

Oba tyto způsoby umožňují převést prvky pole na řádky před jejich sloučením do jednoho řádku. Výběr konkrétního způsobu závisí na preferencích a požadavcích na kód.

Reverzní převod řádku na pole

Jak načíst pole řádkem v JavaScriptu: jednoduchý způsob byl již zvažován v předchozí části. Ale co když potřebujeme převést řetězec zpět na pole?

Existuje několik způsobů, jak provést takovou reverzní konverzi. Podívejme se na jeden z nich. Nejprve musíme získat řádek, který chceme převést. Vezměme si jako příklad následující řádek:

var str = "это,пример,строки";

K rozdělení řetězce na podstavce můžeme použít metodu split (). Tato metoda přijímá oddělovač jako argument a pomocí tohoto oddělovače rozděluje řádek na pole podřazení. V našem příkladu je oddělovač symbolem čárky. Převod řádku na pole lze provést následovně:

var arr = str.split(",");

Tato konverze vytvoří pole arr obsahující následující prvky:

Tímto způsobem úspěšně provedeme reverzní převod řetězce na pole v JavaScriptu.

Použití cyklu a konkatenace ke spojení prvků pole

Pokud potřebujete načíst pole řádkem v JavaScriptu, můžete použít cyklus a operaci konkatinace ke sloučení prvků pole do jednoho řádku. K tomu lze použít cyklus for nebo metodu forEach ().

Příklad použití cyklu for :

var array = ["Привет", "мир", "!"];var result = "";for (var i = 0; i < array.length; i++) console.log(result); // Выведет "Привет мир ! "

Příklad použití metody forEach() :

var array = ["Привет", "мир", "!"];var result = "";array.forEach(function(element) );console.log(result); // Выведет "Привет мир ! "

Oba příklady umožňují sloučit prvky pole do jednoho řádku a oddělit je mezerami. Pokud potřebujete zkombinovat prvky pole s jiným symbolem, jednoduše nahraďte mezeru požadovaným symbolem v řádku konkatinace.