Lesen und Schreiben von Text in eine Datei mit JavaScript in eine Datei?

Lesen und Schreiben von Text in eine Datei mit JavaScript in eine Datei?
In diesem Artikel werden wir darüber sprechen, wie man Text in einer Datei in JavaScript liest oder schreibt. Wenn Sie ein JavaScript -Entwickler sind, wissen Sie, dass man eine Datei nicht lokal speichern kann, da sie massive Sicherheitsprobleme erzeugen kann.

Eine andere Methode würde die Datei auf unserem Server speichern. Dafür müssen wir alle Textdaten in unserer Datei an unseren Server weitergeben. Danach müssen wir die serverbezogene serverseitige Sprache verwenden, wodurch wir den schriftlichen Code in der Datei ausführen können. Abgesehen davon können wir die Datei auch auf der Client-Seite speichern. Ein Beispiel wäre die Verwendung von Cookies, um die Informationen zu speichern.

JavaScript bietet nicht die Möglichkeit, auf das Dateisystem des Benutzers zuzugreifen, weshalb wir das Projekt auf einem Server ausführen müssen. Dazu werden wir den Knoten verwenden.JS, die uns helfen, da wir sein integriertes Modul oder die Bibliothek verwenden können. Wir können dies verwenden, um einen Download -Link der Textdatei für die Benutzer bereitzustellen

Voraussetzung: So importieren Sie eine Bibliothek in JavaScript

NodeJS bietet uns ein Modul oder eine Bibliothek, mit der alles in Verbindung steht schreiben Operationen in JavaScript. Es ist als "Browserify-FS" bekannt. In einfachen Worten können wir sagen, dass „Browserify-FS“ ein JavaScript-Programm ist, in dem alle Funktionen für Schreibvorgänge geschrieben werden.

Lassen Sie uns Browserify mit dem folgenden Befehl installieren:

> npm browserify-fs installieren

Wenn es erfolgreich installiert ist, importieren Sie das Browserify-FS-Modul in das erforderliche Programm. Wir können jetzt verschiedene Funktionen verwenden, um Texte zu schreiben oder Texte aus einer Datei zu lesen.

Schreiben Sie in Datei

Schauen wir uns ein Beispiel einer Funktion an, die eine neue Datei mit dem angegebenen Namen erstellt. Wenn es bereits eine Datei mit diesem bestimmten Namen gibt, werden alle Daten gelöscht und umgeschrieben.

WriteFile (path_to_file, data_to-be-geschrieben, callback_function)

Der Schreibfile Funktion wird zum Schreiben von Operationen im Knoten verwendet. Es akzeptiert drei verschiedene Parameter, wie erwähnt. Schauen wir sie uns eingehend an:

Weg: Es ist im Grunde genommen der Ort oder der relative Pfad zur Textdatei, an der Sie eine Datei erstellen oder neu schreiben möchten. Wir können auch einfach den Namen einer Datei angeben und die Datei wird im selben Ordner wie das Programm generiert.

Daten: Die Daten, die in die Datei geschrieben werden.

Rückruffunktion: Dieser Parameter ist sehr hilfreich, da beispielsweise aus irgendeinem Grund die Operation unsere Daten nicht geschrieben hat, erzeugt er einen Fehler und zeigt uns den Fehler an. Es hat ein Argument, bei dem wir die Fehlerzeichenfolge oder das Fehlerargument übergeben können.

Demonstration des Textes in eine Datei :: ::

Um Text in die Datei zu schreiben, müssen wir zunächst die „benötigen“Browserify-FS”Modul, das die Funktionsdefinition des WriteFile () Funktion.

// Erfordern Sie Browserify-FS, die die Funktion writeFile () enthält, die Funktion enthält
const fs = fordern ('browserify-fs')

Erstellen wir später eine Variable mit dem Namen von Daten, in denen wir einige Zeichenfolgedaten haben, die wir in eine Datei speichern möchten.

// Ein einfacher Text zum Schreiben in die Datei
Lassen Sie Data = "Hallo und Willkommen bei LinuxHint.com "

Greifen Sie nun auf die Funktion WriteFile zu, geben Sie ihm den Dateinamen zusammen mit den Daten an, die Sie in der Datei speichern möchten, und schreiben Sie eine Fehlerbehandlungsrückruffunktion, wie unten gezeigt:

// Daten in die Datei schreiben.txt 'Datei
fs.WriteFile ('Datei.txt ', data, (err) =>
// Fehlerbehandlung mit Wurf
Wenn (err) erröste;
)

Nach dem Abschluss des Codes zum Schreiben einiger Daten in die Datei sieht der gesamte Code -Snippet genau so aus:

// Erfordern Sie Browserify-FS, die die Funktion writeFile () enthält, die Funktion enthält
const fs = fordern ('browserify-fs')
// Ein einfacher Text zum Schreiben in die Datei
Lassen Sie Data = "Hallo und Willkommen bei LinuxHint.com "
// Daten in die Datei schreiben.txt 'Datei
fs.WriteFile ('Datei.txt ', data, (err) =>
// Fehlerbehandlung mit Wurf
Wenn (err) erröste;
)

Sobald der Code geschrieben wurde und wenn Sie den oben gegebenen Code ausführen, wird eine Datei im Browser erstellt. Überprüfen wir es nun, indem wir dieselbe Datei lesen.

Datei lesen

Nachdem wir in eine Datei geschrieben haben, lesen wir aus einer Datei. Die Funktion ReadFile () wird verwendet, wenn wir den Inhalt einer Datei lesen möchten.

Syntax:

ReadFile (path_to_file, Optionen, callback_function)

Der ReadFile () Funktion wird zum Lesevorgang verwendet. Es akzeptiert auch drei Parameter, wie oben erwähnt. Schauen wir sie uns eingehend an:

Weg: Genau wie in WriteFile () soll auch der Parameter ReadFile () Pfad den Speicherort der Datei angeben. Angenommen, wir sind und das Programm befindet sich in derselben Datei, dann müssen wir einfach den Dateinamen und nicht den Pfad angeben, den wir lesen möchten.

Optionen: Ein optionales Parameter/Argument, das die Daten angibt, die aus der Textdatei gelesen werden sollen. Der Standardpuffer wird verwendet, wenn kein Argument übergeben wird.

Rückruffunktion: Es ist die Funktion, die weiter zwei verschiedene Argumente hat. Diese Argumente sind Errungen und Daten. Wenn der Vorgang nicht erfolgreich ist, die Daten aus der Datei zu extrahieren irren zeigt, was der Fehler ist. Wenn der Vorgang erfolgreich ist, enthält das Datenargument die Daten aus der Datei.

Demonstration des Textes aus einer Datei

Wir werden die kürzlich erstellte Dateidatei "Datei" verwenden.txt".

Datei.TXT -Daten: „Hallo und Willkommen bei LinuxHint.com ”

Zum Lesen von Text aus der Datei benötigen wir zunächst die “Browserify-FS”Modul, das die Funktionsdefinition des ReadFile () Funktion.

// Erfordern Sie Browserify-FS, das die ReadFile () -Funktion enthält
const fs = fordern ('browserify-fs')

Dann werden wir auf die zugreifen ReadFile () Funktion, geben Sie es den Dateinamen an, aus dem Sie Daten lesen möchten, und schreiben Sie eine Rückruffunktion für die Fehlerbehandlung und das Anzeigen von Daten:

// Daten aus der Datei lesen.txt 'Datei
fs.ReadFile ('Datei.txt ', (err, data) =>
// Fehlerbehandlung mit Wurf
Wenn (err) erröste;
// abgerufene Daten aus der Datei auf der Konsole anzeigen
Konsole.Logdaten.tostring ());
)

Nach Abschluss des Codes zum Lesen der Daten aus der Datei sieht der gesamte Code -Snippet genau so aus:

// Erfordern Sie Browserify-FS, das die ReadFile () -Funktion enthält
const fs = fordern ('browserify-fs')
// Daten aus der Datei lesen.txt 'Datei
fs.ReadFile ('Datei.txt ', (err, data) =>
// Fehlerbehandlung mit Wurf
Wenn (err) erröste;
// abgerufene Daten aus der Datei auf der Konsole anzeigen
Konsole.Logdaten.tostring ());
)

Sobald der Code geschrieben wurde und wenn Sie den oben gegebenen Code ausführen, wird die gewünschte Datei aus dem Browser gelesen und alle Daten auf der Konsole angezeigt, wie im unten angegebenen Screenshot gezeigt:

Auf diese Weise können Sie Daten mit dem Browserify-FS-Modul in JavaScript in eine Datei lesen/schreiben.

Abschluss

Das Schreiben oder Lesen einer Datei in einer Programmiersprache ist eine Notwendigkeit, da wir kleine Projekte entwickeln können, bei denen wir keine großen Datenbanken benötigen. Wir verwenden dann Dateisysteme, um Daten in eine Datei zu lesen oder zu schreiben. In diesem Artikel haben wir gesehen, wie man Text in einer Datei in JavaScript liest oder schreibt. Wir haben „Browserify-FS“ verwendet, um unsere Aufgabe zu erreichen.

Über den Autor

Shehroz Azam

Ein JavaScript-Entwickler und ein Linux-Enthusiast mit 4 Jahren industrieller Erfahrung und bewährtes Know-how, um kreative und benutzerfreundliche Standpunkte zu kombinieren, was zu erstklassigen Webanwendungen führt. Ich habe Erfahrung mit der Arbeit mit Vue, React & Node.JS & derzeit arbeiten an Artikeln und Videoerstellung.

Alle Beiträge anzeigen

Linux Hint LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Datenschutzrichtlinien und Nutzungsbedingungen