Jak odczytać i pisać tekst w pliku za pomocą JavaScript?

W tym artykule porozmawiamy o tym, jak czytać lub napisać tekst do pliku w JavaScript. Jeśli jesteś programistą JavaScript, wiesz, że nie można zapisać pliku lokalnie, ponieważ może on tworzyć ogromne problemy bezpieczeństwa.

Inną metodą byłoby zapisanie pliku na naszym serwerze. W tym celu musimy przekazać wszystkie dane tekstowe w naszym pliku na nasz serwer. Następnie musimy użyć języka po stronie serwera związanego z serwerem, z czego będziemy mogli wykonać kod pisemny w pliku. Oprócz tego możemy również przechowywać plik po stronie klienta. Przykładem byłoby użycie plików cookie do przechowywania informacji.

JavaScript nie ma możliwości dostępu do systemu plików użytkownika, dlatego musimy uruchomić projekt na serwerze. Aby to zrobić, będziemy używać węzła.JS, który pomoże nam, ponieważ możemy korzystać z jego wbudowanego modułu lub biblioteki. Możemy to użyć, aby podać link do pobrania pliku tekstowego dla użytkowników

Warunek wstępny: Jak zaimportować bibliotekę w JavaScript

NodeJS zapewnia nam moduł lub bibliotekę, która radzi sobie z wszystkim związanym pisać Operacje w JavaScript. Jest znany jako „Browserify-FS”. Krótko mówiąc, możemy powiedzieć, że „Browserify-FS” to program JavaScript, w którym wszystkie funkcje są zapisane do pisania operacji.

Zainstalujmy przeglądanie za pomocą następującego polecenia:

> NPM instaluj przeglądarki-fs

Po pomyślnym zainstalowaniu zaimportuj moduł Browserify-FS w wymaganym programie. Możemy teraz używać różnych funkcji do pisania tekstów lub czytania tekstów z pliku.

Napisz do pliku

Spójrzmy na przykład funkcji, która utworzy nowy plik o określonej nazwie. Jeśli istnieje już plik o tej konkretnej nazwie, wszystkie jego dane zostaną wymazane i przepisane.

WriteFile (Path_to_File, data_to-be-be-pistten, callback_function)

piszący Funkcja jest używana do pisania operacji w węźle; Akceptuje trzy różne parametry, jak wspomniano. Spójrzmy na nich w niewielką głębi:

Ścieżka: Jest to w zasadzie lokalizacja lub względna ścieżka do pliku tekstowego, w którym chcesz utworzyć lub przepisać plik. Możemy również podać nazwę pliku, a plik zostanie wygenerowany w tym samym folderze co program.

Dane: Dane zapisane w pliku tuż te.

Funkcja zwrotnego: Ten parametr jest bardzo pomocny, ponieważ z jakiegoś powodu operacja nie zapisała naszych danych, wówczas wygeneruje błąd i pokaże nam błąd. Ma argument, w którym możemy przekazać ciąg błędu lub argument błędu.

Demonstracja pisania tekstu w pliku ::

Aby zapisać tekst w pliku, najpierw musimy wymagać „Browserify-FS”Moduł, który obejmuje definicję funkcji WriteFile () funkcjonować.

// Wymagaj przeglądarki FS, która zawiera funkcję WriteFile ()
const fs = wymaga („Browserify-fs”)

Później utwórzmy zmienną z nazwą danych, w których będziemy mieli pewne dane ciągów, do których chcemy przechowywać w pliku.

// Prosty tekst do zapisu w pliku
Niech data = "Witam i witaj w Linuxhint.com "

Teraz uzyskaj dostęp do funkcji WriteFile, podaj jej nazwę pliku wraz z danymi, które chcesz przechowywać w pliku, i zapisz funkcję zwrotu obsługi błędów, jak pokazano poniżej:

// Zapisanie danych do pliku „.plik txt '
fs.pismo („plik.txt ', dane, (err) =>
// Obsługa błędów za pomocą rzutu
if (err) rzuć err;
)

Po wypełnieniu kodu zapisywania niektórych danych do pliku, cały fragment kodu będzie wyglądał dokładnie tak:

// Wymagaj przeglądarki FS, która zawiera funkcję WriteFile ()
const fs = wymaga („Browserify-fs”)
// Prosty tekst do zapisu w pliku
Niech data = "Witam i witaj w Linuxhint.com "
// Zapisanie danych do pliku „.plik txt '
fs.pismo („plik.txt ', dane, (err) =>
// Obsługa błędów za pomocą rzutu
if (err) rzuć err;
)

Po napisaniu całego kodu i po wykonaniu powyższego kodu, utworzy plik w przeglądarce. Teraz sprawdźmy to, czytając ten sam plik.

Przeczytaj plik

Teraz, gdy napisaliśmy do pliku, przeczytajmy z pliku. Funkcja Readfile () jest używany, gdy chcemy odczytać zawartość niektórych plików.

Składnia:

odczyt (ścieżka_to_file, opcje, callback_function)

Readfile () Funkcja jest używana do operacji czytania; Akceptuje również trzy parametry, jak wspomniano powyżej. Spójrzmy na nich w niewielką głębi:

ścieżka: Podobnie jak w zapisu (), parametr ścieżki readFile () ma również określić lokalizację pliku. Załóżmy, że jesteśmy, a program jest w tym samym pliku, a następnie musimy po prostu określić nazwę pliku, a nie ścieżkę, którą chcemy przeczytać.

Opcje: Opcjonalny parametr/argument, który określa dane, które mają być odczytane z pliku tekstowego. Używany jest domyślny bufor, jeśli nie jest przekazywany żaden argument.

Funkcja zwrotnego: Jest to funkcja, która ma ponadto dwa różne argumenty. Te argumenty to błędy i dane. Jeśli operacja się nie powiodła w wyodrębnianiu danych z pliku, to błądzić pokazuje, co to jest usterka, w przeciwnym razie, jeśli operacja się powiodła, wówczas argument danych zawiera dane z pliku.

Demonstracja czytania tekstu z pliku

Użyjemy niedawno utworzonego pliku pliku „Plik.tekst".

plik.Dane TXT: „Witam i witaj w Linuxhint.com ”

Aby przeczytać tekst z pliku, najpierw będziemy wymagać „Browserify-FS”Moduł, który obejmuje definicję funkcji Readfile () funkcjonować.

// Wymagaj przeglądarki FS, która zawiera funkcję ReadFile ()
const fs = wymaga („Browserify-fs”)

Następnie uzyskamy dostęp do Readfile () Funkcja, podaj jej nazwę pliku, z której chcesz odczytać dane, i napisać funkcję wywołania zwrotnego do obsługi błędów i wyświetlania danych:

// Odczyt danych z pliku „.plik txt '
fs.odczyt („plik.txt ', (err, data) =>
// Obsługa błędów za pomocą rzutu
if (err) rzuć err;
// pokazanie pobieranych danych z pliku na konsolę
konsola.log (dane.ToString ());
)

Po wypełnieniu kodu do odczytu danych z pliku, cały fragment kodu będzie wyglądał dokładnie tak:

// Wymagaj przeglądarki FS, która zawiera funkcję ReadFile ()
const fs = wymaga („Browserify-fs”)
// Odczyt danych z pliku „.plik txt '
fs.odczyt („plik.txt ', (err, data) =>
// Obsługa błędów za pomocą rzutu
if (err) rzuć err;
// pokazanie pobieranych danych z pliku na konsolę
konsola.log (dane.ToString ());
)

Po napisaniu całego kodu i po wykonaniu powyższego kodu, odczytuje żądany plik z przeglądarki i wyświetli wszystkie dane na konsoli, jak pokazano na zrzucie ekranu poniżej:

W ten sposób możesz odczytać/zapisać dane w pliku za pomocą modułu Browserify-FS w JavaScript.

Wniosek

Pisanie lub czytanie pliku w dowolnym języku programowania jest koniecznością, ponieważ możemy opracować małe projekty, w których nie potrzebujemy dużych baz danych. Następnie używamy systemów plików do odczytu lub zapisu danych do pliku. W tym artykule widzieliśmy, jak odczytać lub pisać tekst w pliku w JavaScript. Użyliśmy „Browserify-FS”, aby osiągnąć nasze zadanie.

O autorze

Shehroz Azam

JavaScript Developer & Linux entuzjasta z 4-letnim doświadczeniem przemysłowym i sprawdzonym know-how, aby połączyć punkty widzenia kreatywnego i użyteczności, w wyniku czego powstały światowej klasy aplikacje internetowe. Mam doświadczenie w pracy z Vue, React i Node.JS i obecnie pracuje nad pisaniem artykułów i tworzeniem wideo.

Zobacz wszystkie posty

Linux Hint LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Polityka prywatności i warunki użytkowania

• « Jak zainstalować i skonfigurować Apache Hadoop na Ubuntu
• Jak używać polecenia IP w Ubuntu »