JSON数据练习

一、准备工作

1.安装所需的包

npm init
npm i then-fs

2. 创建 books.json，代码如下

[
  { "bookname": "史记", "author": "司马迁", "publisher": "北京出版社", "id": 3 },
  { "bookname": "遮天", "author": "辰东", "publisher": "仙侠出版社", "id": 5 },
  { "bookname": "西游记", "author": "吴承恩", "publisher": "北京出版社", "id": 6 },
  { "bookname": "JS权威指南", "author": "王宁", "publisher": "上海出版社", "id": 9 }
]

3. 创建 json-parser.js，封装4个函数，并导出

// 这里封装 query、add、del、update方法，分别查询JSON数据、添加、修改、删除数据
const { join } = require('path')
const { readFile, writeFile } = require('then-fs')

// 拼接books.json的绝对路径
const filename = join(__dirname, 'books.json')

function query() {}
function add() {}
function del() {}
function update() {}

module.exports = { query, add, del, update }

4. 创建 test.js 测试文件，导入 json-parser.js ，分别调用4个函数进行测试

// 导入 json-parser.js ，测试里面封装的四个函数
const { query, add, del, update } = require('./json-parser')

// 1. 调用query测试
query()

二、query方法

async function query() {
  try {
    // let 结果 = await Promise对象
    let res = await readFile(filename, 'utf-8')
    let arr = JSON.parse(res)
    return arr // 相当于返回了 new Promise((resolve, reject) => { resolve(arr) })
  } catch (err) {
    return Promise.reject(err)
  }
}

test.js 中，调用函数，进行测试

// 导入 json-parser.js ，测试里面封装的四个函数
const { query, add, del, update } = require('./json-parser')

// 1. 调用query测试
query()
  .then(res => {
    console.log(res)
  })
  .catch(err => {
    // 所有的错误对象，都有 message 属性，表示错误描述信息
    console.log('错误信息是：', err.message)
  })

三、add方法

async function add(obj) {
  try {
    // 1. 先获取全部的图书，得到数组
    let arr = await query() // query()返回Promise对象
    // console.log(arr)
    // 2. 把新书加进去
    obj.id = arr[arr.length - 1].id + 1
    arr.push(obj)
    // 3. 把全部的图书重新存起来
    return writeFile(filename, JSON.stringify(arr))
  } catch (err) {
    return Promise.reject(err)
  }
}

test.js 中，调用函数，测试

// 2. 测试add方法
add({ bookname: '三国演义', author: '罗贯中', publisher: '北京出版社' })
  .then(res => {
    console.log(res) // 输出undefined，说明写入成功
  })
  .catch(err => {
    console.log(err.message)
  })

四、del方法

async function del(id) {
  try {
    // 1. 先获取全部的图书
    let arr = await query()
    // 2. 根据id筛选，把一本书删除掉
    let result = arr.filter(item => item.id != id)
    // 3. 把剩余的图书存起来
    return writeFile(filename, JSON.stringify(result))
  } catch (err) {
    return Promise.reject(err)
  }
}

test.js 中测试

// 3. 调用del方法
del(9)
  .then(res => {
    console.log(res) // 输出undefined，说明没有错误
  })
  .catch(err => {
    console.log(err)
  })

五、update方法

async function update(obj) {
  try {
    // 1. 获取全部图书
    let arr = await query()
    // 2. 修改一本书
    let index = arr.findIndex(item => item.id == obj.id)
    arr.splice(index, 1, obj)
    // 3. 把全部图书重新存起来
    return writeFile(filename, JSON.stringify(arr))
  } catch (err) {
    return Promise.reject(err)
  }
}

test.js 中进行测试：

// 4. 调用update方法进行测试
update({ bookname: '朝花夕拾', author: '鲁迅', publisher: '北京出版社', id: 6 })
  .then(res => {
    console.log(res) // 输出undefined，说明没有错误
  })
  .catch(err => {
    console.log(err)
  })