Jak rozdělit řetězec v JavaScriptu

Řetězce JavaScriptu jsou sekvence znaků uzavřené v jednoduchých ('') nebo dvojitých uvozovkách (""). Řetězec můžeme vytvořit jako primitivní pomocí řetězcového literálu nebo jako objekt pomocí String() konstruktor.

Řetězec pomocí řetězcového literálu,

const greeting = "What a beautiful world".

Řetězec pomocí String() objekt

const greeting = new String("What a beautiful world");

Metoda rozdělení JavaScript

Řetězec JavaScript má přístup ke konkrétnímu split() metoda, která rozděluje řetězec na více podřetězců na základě rozdělovače. Metoda split vrací pole se všemi rozdělenými částmi řetězců. Metoda rozdělení nezmění původní řetězec.

V níže uvedeném příkladu rozdělíme řetězec pomocí mezery (' ') jako rozdělovače.

const greeting = "What a beautiful world";
const arr = greeting.split(' ');
console.log(arr);

Výstupem je pole s hromadou řetězců po rozdělení.

["What", "a", "beautiful", "world"]

Rozdělovač (argument metody rozdělení) může být jeden znak nebo jakýkoli jiný řetězec. Pokud chceme rozdělit řetězec podle jednotlivých znaků, můžeme jako rozdělovač předat prázdný řetězec('').

const greeting = "What a beautiful world";
const arr = greeting.split(''); // The splitter is an empty string, not a space
console.log(arr);

Výstup,

['W', 'h', 'a', 't', ' ', 'a', ' ', 'b', 'e', 'a', 'u', 't', 'i', 'f', 'u', 'l', ' ', 'w', 'o', 'r', 'l', 'd']

Pokud vyvoláte metodu rozdělení bez předání rozdělovače, vrátí pole s celým řetězcem.

const greeting = "What a beautiful world";
const arr = greeting.split();
console.log(arr);

Výstup,

['What a beautiful world']

Rozdělení s limitem

split() metoda přebírá další volitelný argument jiný než splitter. Můžete také předat limit aby se omezil počet rozdělení. V následujícím příkladu rozdělíme řetězec pomocí znaku mezery s limitem 2.

const greeting = "What a beautiful world";
const arr = greeting.split(' ', 2);
console.log(arr);

Po rozdělení znakem mezery vrátí pole řetězců, ale vrácené pole bude obsahovat pouze první dvě rozdělení. Proto ten výstup,

['What', 'a']

Dělení řetězce JavaScriptu a destrukce pole

Od ES6 můžeme vybírat hodnoty z pole mnohem inovativnějším způsobem. Protože metoda split vrací pole, můžeme k získání prvku z pole použít syntaxi destrukčního pole.

const cartoon = "Tom Jerry";
let [tom, jerry] = cartoon.split(' ');
console.log(tom); // Tom
console.log(jerry); // Jerry

To je prozatím vše. Doufám, že vám tento článek pomůže.

Pojďme se připojit,

  • Sledujte Showwcase
  • Přihlaste se k odběru mého kanálu YouTube
  • Dejte sledovat na Twitteru
  • Vedlejší projekty na GitHubu