1. 程式人生 > 實用技巧 >js對本地檔案增刪改查--改

js對本地檔案增刪改查--改

前置條件:

1. 本地有安裝node,點選傳送門

專案目錄:

1. msg.json內容

{
    "data": [
        {
            "id": 1,
            "name": "aa"
        },
        {
            "id": 2,
            "name": "bb"
        },
        {
            "id": 3,
            "name": "cc"
        }
    ],
    "total": 3
}

2. revise.js

// 若找不到該模組,則用npm i fs安裝一下即可
var fs = require('fs');

// 此處為模擬資料,後期會從頁面傳資料
var params = {
	"name": "hh"
}

//寫入json檔案選項
function reviseData(id, params) {
	//現將json檔案讀出來
	fs.readFile('data/msg.json', function(err, data) {
		if (err) {
			return console.error(err);
		}
		var msg = data.toString(); //將二進位制的資料轉換為字串
		msg = JSON.parse(msg); //將字串轉換為json物件

		//找到對應的資料id進行刪除
		for (var i = 0; i < msg.data.length; i++) {
			if (id == msg.data[i].id) {
				for (var key in params) {	//此處的key就是params資料鍵值對中的鍵,也就是將params中傳過來的資料根據鍵名去更新原來此id的資料
					if (msg.data[i][key]) {
						msg.data[i][key] = params[key];
					}
				}

			}
		}

		msg.total = msg.data.length; //重新整理一下總數,以後分頁會用上
		console.log(msg);
		var str = JSON.stringify(msg, "", "\t"); //因為nodejs的寫入檔案只認識字串或者二進位制數,因此進行必要的轉換
		fs.writeFile('./data/msg.json', str, function(err) {
			if (err) {
				console.error(err);
			}
			console.log('----------修改成功-------------');
		})
	})
}

//執行新增資料方法;
reviseData(1, params)

3. 用node執行revise.js,效果如下圖:

可以發現,資料已修改。

【參考資料】

前人栽樹後人乘涼,敬程式設計界的先行者!