Cómo leer y escribir texto en un archivo usando JavaScript?

En este artículo, vamos a hablar sobre cómo leer o escribir texto en un archivo en JavaScript. Si es un desarrollador de JavaScript, sabe que no se puede guardar un archivo localmente, ya que puede crear problemas de seguridad masivos.

Otro método sería guardar el archivo en nuestro servidor. Para esto, tenemos que pasar todos los datos de texto en nuestro archivo a nuestro servidor. Después de esto, tenemos que usar el idioma del lado del servidor relacionado con el servidor debido al cual podremos ejecutar el código escrito en el archivo. Además de esto, también podemos almacenar el archivo en el lado del cliente. Un ejemplo sería usar cookies para almacenar la información.

JavaScript no contiene la capacidad de acceder al sistema de archivos del usuario, por lo que tenemos que ejecutar el proyecto en un servidor. Para hacer esto, usaremos nodo.JS que nos ayudará, ya que podemos usar su módulo incorporado o la biblioteca. Podemos usar esto para proporcionar un enlace de descarga del archivo de texto para los usuarios

Requisito previo: Cómo importar una biblioteca en JavaScript

NodeJS nos proporciona un módulo o una biblioteca que maneja todo lo relacionado con escribir Operaciones en JavaScript. Se conoce como "Browserify-FS". En palabras simples, podemos decir que "Browserify-FS" es un programa JavaScript donde todas las funciones están escritas para operaciones de escritura.

Instalemos Browserify con el siguiente comando:

> NPM Instalar Browserify-FS

Cuando se instale con éxito, importe el módulo de navegación-FS en el programa requerido. Ahora podemos usar diferentes funciones para escribir textos o leer textos de un archivo.

Escribir en el archivo

Veamos un ejemplo de una función que creará un nuevo archivo con el nombre especificado. Si ya existe un archivo con ese nombre específico, todos sus datos se borrarán y reescribirán.

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

El WriteFile La función se utiliza para escribir operaciones en nodo; acepta tres parámetros diferentes como se mencionó. Veamoslos con un poco de profundidad:

Camino: Básicamente es la ubicación o la ruta relativa al archivo de texto donde desea crear o reescribir un archivo. También podemos proporcionar el nombre de un archivo y el archivo se generará en la misma carpeta que el programa.

Datos: Los datos que se escriben en el archivo van aquí.

Función de devolución de llamada: Este parámetro es muy útil, ya que, por ejemplo, por alguna razón, la operación no escribió nuestros datos, entonces generará un error y nos mostrará el error. Tiene un argumento en el que podemos pasar la cadena de error o el argumento de error.

Demostración de escribir texto en un archivo ::

Para escribir texto en el archivo, primero, tenemos que exigir el "browserify-fs"Módulo que incluye la definición de función del WriteFile () función.

// requiere la función browserify-fs que incluye la función WriteFile ()
const fs = require ('browserify-fs')

Más tarde, creemos una variable con el nombre de los datos en los que tendremos algunos datos de cadena a los que queremos almacenar en un archivo.

// Un texto simple para escribir en el archivo
Let data = "Hola y bienvenido a Linuxhint.com "

Ahora, acceda a la función WriteFile, proporcione el nombre del archivo junto con los datos que desea almacenar en el archivo y escriba una función de devolución de llamada del controlador de errores como se muestra a continuación:

// Escribir datos en el archivo '.archivo de txt '
FS.WriteFile ('Archivo.txt ', data, (err) =>
// Manejo de errores usando el lanzamiento
if (err) tirar err;
)

Después de completar el código para escribir algunos datos en el archivo, todo el fragmento de código se verá exactamente así:

// requiere la función browserify-fs que incluye la función WriteFile ()
const fs = require ('browserify-fs')
// Un texto simple para escribir en el archivo
Let data = "Hola y bienvenido a Linuxhint.com "
// Escribir datos en el archivo '.archivo de txt '
FS.WriteFile ('Archivo.txt ', data, (err) =>
// Manejo de errores usando el lanzamiento
if (err) tirar err;
)

Una vez que se escriba todo el código y cuando ejecute el código anterior, creará un archivo en el navegador. Ahora, verifiquemos leyendo el mismo archivo.

Leer el archivo

Ahora que hemos escrito en un archivo, leamos de un archivo. La función readfile () se usa cuando queremos leer el contenido de algún archivo.

Sintaxis:

ReadFile (Path_to_file, Opciones, Callback_function)

El readfile () La función se utiliza para operaciones de lectura; También acepta tres parámetros como se mencionó anteriormente. Veamoslos con un poco de profundidad:

camino: Al igual que en WriteFile (), el parámetro de ruta readfile () también es especificar la ubicación del archivo. Supongamos que estamos y el programa está en el mismo archivo, entonces tenemos que especificar el nombre del archivo y no la ruta que queremos leer.

Opción: Un parámetro/argumento opcional que especifica los datos que se lee del archivo de texto. Se usa el búfer predeterminado, si no se pasa ningún argumento.

Función de devolución de llamada: Es la función que más tiene dos argumentos diferentes. Estos argumentos son err y datos. Si la operación no tiene éxito al extraer los datos del archivo, entonces el errar Muestra cuál es la falla, de lo contrario, si la operación es exitosa, el argumento de datos tiene los datos del archivo.

Demostración del texto de lectura de un archivo

Usaremos el archivo de archivo creado recientemente "archivo.TXT".

archivo.datos txt: “Hola y bienvenidos a Linuxhint.com "

Para leer el texto del archivo, primero, requeriremos el "browserify-fs"Módulo que incluye la definición de función del readfile () función.

// requiere la función Browserify-FS que incluye la función ReadFile ()
const fs = require ('browserify-fs')

Entonces, accederemos al readfile () función, proporcionarle el nombre del archivo del que desea leer datos y escribir una función de devolución de llamada para el manejo de errores y mostrar datos:

// Lectura de datos del archivo.archivo de txt '
FS.readfile ('archivo.txt ', (err, data) =>
// Manejo de errores usando el lanzamiento
if (err) tirar err;
// Mostrar datos obtenidos del archivo en la consola
consola.Dato de registro.Encadenar());
)

Después de completar el código para leer los datos del archivo, todo el fragmento de código se verá exactamente así:

// requiere la función Browserify-FS que incluye la función ReadFile ()
const fs = require ('browserify-fs')
// Lectura de datos del archivo.archivo de txt '
FS.readfile ('archivo.txt ', (err, data) =>
// Manejo de errores usando el lanzamiento
if (err) tirar err;
// Mostrar datos obtenidos del archivo en la consola
consola.Dato de registro.Encadenar());
)

Una vez que se escriba todo el código y cuando ejecute el código dado anteriormente, leerá el archivo deseado del navegador y mostrará todos los datos en la consola, como se muestra en la captura de pantalla que se detalla a continuación:

Así es como puede leer/escribir datos en un archivo utilizando el módulo Browserify-FS en JavaScript.

Conclusión

Escribir o leer un archivo en cualquier lenguaje de programación es una necesidad, ya que podemos desarrollar pequeños proyectos donde no necesitamos grandes bases de datos. Luego usamos sistemas de archivos para leer o escribir datos en un archivo. En este artículo, vimos cómo leer o escribir texto en un archivo en JavaScript. Utilizamos "Browserify-FS" para lograr nuestra tarea.

Sobre el Autor

Shehroz azam

Un desarrollador de JavaScript y entusiasta de Linux con 4 años de experiencia industrial y conocimientos probados para combinar puntos de vista creativos y de usabilidad que dan como resultado aplicaciones web de clase mundial. Tengo experiencia trabajando con Vue, React & Node.JS y actualmente trabajando en la escritura de artículos y la creación de videos.

Ver todas las publicaciones

Linux Sintin LLC, [email protected]
1309 S Mary Ave Suite 210, Sunnyvale, CA 94087
Política de privacidad y condiciones de uso

• « Cómo instalar y configurar Apache Hadoop en Ubuntu
• Cómo usar el comando IP en Ubuntu »