Node.js——文件模块和路径模块(读写文件,处理路径)

简介: Node.js——文件模块和路径模块(读写文件,处理路径)

一、fs 文件系统模块

fs 模块 是 Node.js 官方提供的、用来 操作文件 的模块。它提供了一系列的方法和属性,用来满足用户对文件的操作要求。


1、读取指定文件

fs.readFile():读取指定文件中的内容


参数 1:必选参数,字符串,表示文件的路径

参数 2:可选参数,表示以什么编码格式来读取文件

参数 3:必选参数,文件读取完成后,通过回调函数拿到读取的结果

fs.readFile(path, [options], callback)

示例1:读取 demo.txt 文件

5e315f514b0d49dc9797aed4db9c8049.png

demo.txt 文件

'前端杂货铺'

app.js 文件

// 导入 fs 文件系统模块
const fs = require('fs')
// 读取文件 utf-8 为中文编码格式
fs.readFile('../files/demo.txt', 'utf-8', function (err, data) {
    console.log('err:', err)
    console.log('data:', data)
})

c877f8cc3570427ebd9eb3fda92e0bf8.png

备注:若写错路径,即文件读取失败,打印内容如下【err为错误对象,data为undefined】

9bbe6b7ebfb64a139b07819ca4fe8dc9.png

示例2:判断读取 demo.txt 文件是否成功

app.js 文件

  • 故意写错路径,读取失败
  • 失败的结果如下
// 导入 fs 模块
const fs = require('fs')
// 读取文件
fs.readFile('../files/demo1.txt', 'utf-8', function (err, data) {
    if(err) {
        return console.log('读取文件失败', err.message)
    }
    console.log('data:', data)
})

73f70944c47a421cae00caf55e53cad2.png

2、写入指定文件

fs.writeFile():向指定的文件中写入内容


参数 1:必选参数,需要指定一个文件路径的字符串,表示文件的存放路径

参数 2:必选参数,表示要写入的内容

参数 3:可选参数,表示以什么格式写入文件内容,默认 utf-8

参数 4:必选参数,文件写入完成后的回调函数

fs.writeFile(file, data, [options], callback)

示例1:写入 demo.txt 文件

5e315f514b0d49dc9797aed4db9c8049.png

demo.txt 文件

// 该文件内容为空

app.js 文件

// 导入 fs 文件系统模块
const fs = require('fs')
// 写入文件内容
fs.writeFile('../files/demo.txt', '这里是前端杂货铺', function(err, data) {
    if (err) {
        return console.log('写入文件失败', err.message)
    }
    console.log('文件写入成功')
})

409f5615c1274f9fa931d8803b19d9f4.png

备注:若写入不存在的盘中,即文件写入失败,打印内容如下

9cf08f5d7ff34fdb9f76e05d52352f31.png

3、整理成绩案例

示例:成绩的格式转换

转换前的成绩格式

540cfba734974533871ec378cdf0426c.png

转换后的成绩格式

e531d7720b5b45e89b1dadc54802ed49.png

文件格式如下

c771677d725046c095e95eca6f881f60.png

score.txt 文件

  • 写入成绩内容
杂货铺=100 张三=98 李四=95 王五=92

app.js 文件


导入需要的 fs 文件模块

使用 fs.readFile() 方法,读取素材目录下的 score.txt 文件

判断文件是否读取失败

文件读取成功后,处理成绩数据

将处理完成的成绩数据,调用 fs.writeFile() 方法,写入到新文件 newScore.txt 中

// 导入 fs 文件系统模块
const fs = require('fs')
// 写入文件内容
fs.readFile('../files/score.txt', 'utf-8', function (err, data) {
    // 判断是否读取成功
    if (err) {
        return console.log('读取文件失败' + err.message)
    }
    // 把成绩按空格进行分割
    const arrOld = data.split(' ')
    // 新数组的存放
    const arrNew = []
    // 循环分割后的数组 对每一项数据 进行字符串的替换操作
    arrOld.forEach(item => {
        arrNew.push(item.replace('=', ':'))
    })
    // 把新数组中的每一项合并 得到新的字符串
    const newStr = arrNew.join('\r\n')
    // 写入新数据
    fs.writeFile('../files/newScore.txt', newStr, function (err) {
        if (err) {
            return console.log('写入成绩失败' + err.message)
        }
        console.log('成绩写入成功')
    })
})

951cc64cb2f245fc877f32192cefc1a2.png

99387bffc6cf46c982fa5cdf9df36ec9.png

4、处理路径

__dirname:表示当前文件所处的目录

示例:写相对路径

7b11ed0df2be4dce8444a6c65282ba2f.png

const fs = require('fs')
fs.readFile('../files/score.txt', 'utf-8', function(err, data) {
    if (err) {
        return console.log('文件读取失败' + err.message)
    }
    console.log('文件读取成功')
})

924e97af80e54ce08b785f035e111f97.png

示例:使用 __dirname

613e177d69884e639f68be63098e0dcf.png

const fs = require('fs')
// 读取文件
fs.readFile(__dirname + '/files/score.txt', 'utf-8', function(err, data) {
    if (err) {
        return console.log('文件读取失败' + err.message)
    }
    console.log('文件读取成功')
})

32fb27ee5297416caeef425d9d41227d.png

二、path 路径模块

path 模块是 Node.js 官方提供的、用来处理路径的模块


1、path.join() 路径拼接

path.join():用来将多个路径判断拼接成一个完整的路径字符串


参数:…paths <string> 路径片段的序列

返回值:返回值 <string>

path.join([...paths])

示例:路径拼接

// 导入 path 模块
const path = require('path')
// ../ 会抵消前面的路径
const pathStr = path.join('/a','/b/c', '../', './d', 'e')
console.log(pathStr)

7c1adca5307647b2b0f72c1ebabef11f.png

备注:涉及到路径拼接的操作,都要使用 path.join() 方法进行处理。不要直接用 + 进行字符串拼接

示例:使用 path 进行路径拼接

const fs = require('fs')
const path = require('path')
// 文件读取
fs.readFile(path.join(__dirname, '/files/score.txt'), 'utf-8', function(err, data) {
    if (err) {
        return console.log('文件读取失败', err.message)
    }
    console.log('文件读取成功')
})

0b5d3b318dd94b2aaae0b02759c2b388.png

2、path.basename() 解析文件名

path.basename():用来从路径字符串中,将文件名解析出来

参数 1:path 必选参数,表示一个路径的字符串

参数 2:ext 可选参数,表达文件扩展名

返回值:返回 表示路径中的最后一部分

path.basename(path, [ext])

示例:解析路径,去除扩展名

// 导入 path 模块
const path = require('path')
// 文件的存放路径
const fpath = '/a/b/c/index.html'
// 将文件名解析出来
const fullName = path.basename(fpath)
console.log(fullName) // 输出 index.html
// 去除扩展名
const nameWithoutExt = path.basename(fpath, '.html')
console.log(nameWithoutExt) // 输出 index

acbf14e405c74720851d8f05875393b2.png

3、path.extname() 获取扩展名

path.extname():可以获取路径中的扩展名部分

参数:path <string> 必选参数,表示一个路径的字符串

返回值:返回 <string> 返回得到的扩展名字符串

path.extname(path)

示例:获取扩展名

// 导入 path 模块
const path = require('path')
// 文件的存放路径
const fpath = '/a/b/c/index.html'
// 获取扩展名
const fext = path.extname(fpath)
console.log(fext) // .html

32de869ad1d34c64be649b8a5b077bd0.png

e08f7aa0c7964bffa909aced8e11f114.png

相关文章
|
JavaScript 前端开发
在Node.js中,如何合理使用模块来避免全局变量的问题?
在Node.js中,如何合理使用模块来避免全局变量的问题?
670 167
|
JavaScript 前端开发 算法
流量分发代码实战|学会用JS控制用户访问路径
流量分发工具(Traffic Distributor),又称跳转器或负载均衡器,可通过JavaScript按预设规则将用户随机引导至不同网站,适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码,实现智能、隐蔽的流量控制,并附完整示例与算法解析。
471 1
|
编解码 JavaScript 前端开发
如何在网页播放英文的m3u8文件(基于Javascript搭建的在线网页工具)
什么是m3u8?又该如何在网页中高效、便捷地播放英文的m3u8文件呢?今天这篇文章就带你一起了解,并推荐一种基于Javascript搭建的在线网页工具,让你轻松解决播放问题。
3943 0
|
JavaScript 前端开发 开发者
Node学习笔记:HTTP模块
总的来说,Node.js的HTTP模块是一个强大的工具,可以帮助你处理HTTP协议的各种需求。无论你是想开设自己的餐厅(创建服务器),还是想去别的餐厅点菜(发出请求),HTTP模块都能满足你的需求。
433 18
|
监控 算法 JavaScript
基于 JavaScript 图算法的局域网网络访问控制模型构建及局域网禁止上网软件的技术实现路径研究
本文探讨局域网网络访问控制软件的技术框架,将其核心功能映射为图论模型,通过节点与边表示终端设备及访问关系。以JavaScript实现DFS算法,模拟访问权限判断,优化动态策略更新与多层级访问控制。结合流量监控数据,提升网络安全响应能力,为企业自主研发提供理论支持,推动智能化演进,助力数字化管理。
385 4
|
JavaScript 前端开发 API
Next.js 实战 (六):如何实现文件本地上传
这篇文章介绍了在Next.js中如何实现文件上传到本地的方法。文章首先提到Next.js官方文档中没有提供文件上传的实例代码,因此开发者需要自行实现,通常有两种思路:使用Node.js原生上传或使用第三方插件如multer。接着,文章选择了使用Node.js原生上传的方式来讲解实现过程,包括如何通过哈希值命名文件、上传到指定目录以及如何分类文件夹。然后,文章展示了具体的实现步骤,包括编写代码来处理文件上传,并给出了代码示例。最后,文章通过一个效果演示说明了如何通过postman模拟上传文件,并展示了上传后的文件夹结构。
589 0
Next.js 实战 (六):如何实现文件本地上传
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
1071 0
|
JavaScript 应用服务中间件 Apache
Node.js Web 模块
10月更文挑战第7天
226 0
|
JavaScript 网络协议
Node.js 工具模块
10月更文挑战第7天
208 0