彙總整理下JSON在JavaScript前後端中的使用方法，包括字串和JSON物件的互轉，JSON陣列的遍歷，JSON物件key值的獲取，JSON內容格式化輸出到檔案，讀取JSON內容檔案轉化為JSON物件等。

一、JavaScript後端JSON操作方法

1、JavaScript JSON字串轉JSON物件

var testStr = '{"name":"will","age":18,"hobby":"football"}'
var jsonObj = JSON.parse(testStr)

2、JS JSON物件轉字串

var testObj = {
 "name": 'will',"age": '18',"hobby": 'football'
}
var jsonStr = JSON.stringify(testObj)

3、JavaScript JSON陣列的遍歷

一種是for迴圈遍歷：

for (var l = 0; l < jsonArray.length; l++) {
 var jsonItem = jsonArray[l]
}

一種是鍵值遍歷：

var testJSArray = [
 {"number": 'one'},{"number": "two"},{"number": "three"},{"number": "four"},{"number": "five"},{"number": "six"},]
for(index in testJSArray){
 console.log("index:" + index + "; name:" + testJSArray[index].number)
}

輸出內容如下：

index:0; number:one
index:1; number:two
index:2; number:three
index:3; number:four
index:4; number:five
index:5; number:six

4、JS JSON數組合並

數組合並連線用concat方法，前端和後端都是用concat。

var testJSArray01 = [
 {"name": 'one'},{"name": "two"},{"name": "three"},]
var testJSArray02 = [
 {"name": "four"},{"name": "five"},{"name": "six"},]
var testJSONMerge = testJSArray01.concat(testJSArray02)

5、JavaScript獲取JSON物件key值

var testObj = {
 "name": 'will',"hobby": 'football'
}
for (var key in testObj){
 console.log("key:" + key + ",value:" + testObj[key])
}

輸出內容如下：

key:name,value:will
key:age,value:18
key:hobby,value:football

6. JS格式化輸出JSON內容到檔案

var writeStream = fs.createWriteStream(filePath);

return new Promise(function(resolve,reject) {
 writeStream.write("寫入你需要的字串內容");
 // 換行，如果是字串中包含換行的字元，寫入到.txt檔案的時候並不能換行，需要輸出換行符才行。
 writeStream.write("\n");
 // 格式化輸出JSON字串內容,JSONObj是要輸出的JSON資料物件
 writeStream.write(JSON.stringify(JSONObj,null,"\t") + "\n");

 writeStream.end();
 writeStream.on('finish',() => {
 resolve(filePath);
 });
});

7、JavaScript讀取JSON檔案內容

不管內容是儲存成.json還是.txt，只要是合法的JSON字串內容都可以。

var filePath = 'xxx/xxx/test.json'
var fileContent = fs.readFileSync(filePath).toString();
var fileJson = JSON.parse(fileContent);

二、JavaScript前端JSON操作方法

1、字串轉JSON，angular.fromJson() 等價於JSON.parse()

var processInfo = angular.fromJson('{"process":[]}');

2、JSON轉字串，angular.toJson() 等價於JSON.stringify()

var out = angular.toJson(jsonObj,true);

3、JSON陣列遍歷

angular.forEach(jsonArray,function(jsonItem) {

});

4、判斷JSON物件是否含有某個Key值

比如判斷jsonObj這個物件是否含有“samples”這個key值

jsonObj.hasOwnProperty("samples")

總結

到此這篇關於JavaScript前後端JSON使用方法教程的文章就介紹到這了,更多相關JS前後端JSON使用內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！