Różne sposoby konwersji obiektu na ciąg w JavaScript

Czy kiedykolwiek spotkałeś sytuację, w której chcesz wysłać dane do serwera WWW, który jest w formacie obiektów? Jeśli tak, najpierw przekonwertuj go na ciąg, a następnie skieruj się w kierunku wspomnianej operacji. Za pomocą metod JavaScript obiekt można przekonwertować na ciąg bez żadnych kłopotów.

Nie znam metody konwersja jakiś obiekt do ciągnięcia JavaScript? Bez obaw! Ten zapis wyjaśni różne sposoby konwersji obiektu do ciągu. A więc zacznijmy!

Różne sposoby konwersji obiektu na ciąg w JavaScript

Aby wykonać konwersję obiektu do ciągów, możesz zastosować dowolne z poniższych podejść:

• Za pomocą JSON.Stringify () metoda
• Za pomocą ToString () metoda
• Za pomocą Strunowy() funkcjonować

Wyjaśnimy każdą z wyżej wymienionych metod w następnych sekcjach.

Metoda 1: Przekształcenie obiektu na ciąg w JavaScript za pomocą JSON.metoda stringify ()

"Stratyfikacja”To proces przekształcania obiektu JavaScript w ciągu. Ta operacja jest wykonywana, gdy chcesz serializować dane do ciągłego w celu wysyłania ich na jakiś serwer WWW lub przechowywanie w bazie danych. Według standardu JavaScript, „JSON.stringify ()”Metoda jest wykorzystywana do konwersji określonego obiektu na ciąg za pomocą stringifikacji.

Składnia

JSON.stringify (wartość, zamiennik, spacja)

Tutaj, "wartość" odnosi się do "obiekt„To należy przekształcić w„strunowy”,„zamiennik”Jest opcjonalnym parametrem reprezentującym funkcję modyfikacji lub tablicę używaną jako filtr, i„przestrzeń”To kolejny opcjonalny parametr wykorzystywany do kontrolowania sekwencji przestrzeni w końcowym ciągu.

Przykład
Przede wszystkim stworzymy „pracownik„Obiekt o następujących parach kluczowych:

const pracownika =
Nazwa: „Max”,
Wiek: 25

W następnym kroku sprawdzimy początkowe „typ”pracownik" obiekt:

konsola.log („Typ pracownika:” +typeof (pracownik));

Dane wyjście oznacza, że ​​„pracownik”Jest z„obiekt" typ:

Następnie użyjemy „JSON.stringify ()„Metoda konwersji„pracownik„Objaw do„strunowy”:

const String = JSON.stringify (pracownik);
konsola.log (ciąg);

Po konwersji ponownie sprawdzimy typ, używając „typ„Operator:

konsola.log („Typ po konwersji:” +typeof (string));

Jak widać z wyjścia, pomyślnie przekonwertowaliśmy „pracownik„Objaw do„strunowy”:

Metoda 2: Przekształcenie obiektu na ciąg w JavaScript za pomocą metody ToString ()

JavaScript oferuje również wbudowaną metodę wykorzystaną przede wszystkim do wyraźnie Konwersja typu danych w ciąg. „„ToString ()„Metoda zwraca reprezentację ciągu, tablicy lub obiektu JavaScript, podczas gdy w przypadku obiektu do konwersji ciągu; musisz zastąpić „ToString ()„Metoda, aby mogła wydrukować wartości kluczy obiektu.

Składnia

obiekt.ToString ()

Tutaj "ToString ()„Metoda konwertuje„obiekt”I wyprowadza odpowiedni ciąg.

Przykład
Użyjemy teraz „ToString ()„Metoda konwersji„pracownik”Obciekanie„ ”strunowy”:

Const String = pracownik.ToString ();
konsola.log (ciąg);
konsola.log („Typ po konwersji:” +typeof (string));

Wydrukowanie danych wyjściowych danego programu „[Obiekt, obiekt]”I jego typ jako„strunowy”:

Możesz jednak zastąpić „ToString ()„Metoda zwracania wartości właściwości obiektu w formacie ciągu.

W ramach poniżej podania „Pracownik„Obiekt zastąpi„ToString ()„Metoda odziedziczona po„Obiekt„Klasa podstawowa. Ten zdefiniowany przez użytkownika „ToString ()„Metoda zwróci ciąg zawierający wartości„nazwa" I "wiek„Właściwości stworzonych”pracownik" obiekt:

Pracownik funkcji (nazwa, wiek)
Ten.Nazwa = nazwa;
Ten.wiek = wiek;

Pracownik.prototyp.toString = function ()
zwróć „nazwisko pracownika:”+to.nazwa + „wiek:” + to.wiek;

pracownik = nowy pracownik („Max”, 35);
var string = pracownik.ToString ();
konsola.log (ciąg);
konsola.log („Typ po konwersji:” +typeof (string));

Teraz, kiedy „ToString ()„Metoda jest wywoływana, wyświetli wartości„pracownik„Właściwości obiektu jako ciąg:

Metoda 3: Przekształcenie obiektu na ciąg w JavaScript za pomocą funkcji string ()

"Strunowy()”To kolejna wbudowana funkcja JavaScript, której można użyć do konwersji wartości obiektu na ciąg. Ta funkcja akceptuje JavaScript „obiekt”Jako argument i przekształca go w odpowiedni ciąg.

Składnia

Ciąg (obiekt)

Tutaj "Strunowy()”Funkcja przekształca dodane„obiekt”Do odpowiadania„strunowy".

Przykład
W poniższym przykładzie wywołamy „Strunowy()”Funkcja do konwersji„pracownik„Przejmij do„strunowy”:

var string = string (pracownik);
konsola.log (ciąg);
konsola.log („Typ po konwersji:” +typeof (string));

Wykonanie powyższego kodu wyświetli „ciąg” jako „[Obiekt obiektu]”I jego typ jako„strunowy”:

Podobny do "ToString ()„Metoda, musimy zastąpić„Strunowy()”Funkcja, aby zwrócić wartości„pracownik„Właściwości obiektu jako„strunowy”:

Pracownik funkcji (nazwa, wiek)
Ten.Nazwa = nazwa;
Ten.wiek = wiek;

Pracownik.prototyp.String = funkcja ()
zwróć „nazwisko pracownika:”+to.nazwa + „wiek:” + to.wiek;

pracownik = nowy pracownik („Max”, 35);
var string = pracownik.Strunowy();
konsola.log (ciąg);
konsola.log („Typ po konwersji:” +typeof (string));

Poniższe dane wyjściowe oznacza, że ​​teraz konwertowany ciąg zawiera wartości „pracownik„Właściwości obiektu:

Skompilowaliśmy różne metody konwersji obiektu na ciąg w JavaScript. Możesz użyć dowolnego z nich zgodnie z Twoimi wymaganiami.

Wniosek

JSON.stringify () metoda, ToString () metoda i Strunowy() funkcja jest używana do konwertować jakiś obiekt Do strunowy W JavaScript. JavaScript Json.Metoda stringify () wykonuje bezpośredni obiekt do konwersji ciągów, podczas gdy musisz zastąpić funkcję TOSTRING () i String (), aby mogły wyświetlać wartość właściwości obiektu w konwertowanym ciągu. W tym zapisie omówiono różne sposoby konwersji obiektu JavaScript na ciąg.