JSJSON轉List入門教程

一、JSJSON轉數組

JSJSON(JavaScript Object Notation)可以看作是一種數據交換格式，它能夠將數據以鍵值對的形式表達出來。在JS中，我們經常需要將JSJSON轉化為List或Array。而JSJSON轉數組的方法非常簡單，只需要使用JS提供的JSON.parse()方法即可。

const jsonString = '{"name": "Tom", "age": 20, "gender": "male"}';
const jsonArray = JSON.parse(jsonString);
console.log(jsonArray);

使用JSON.parse()方法可以將JSJSON轉化為JS數組，方便進行數據操作。

二、JS強轉Int

在進行數據操作中，我們時常需要將字元串轉化為數字。JS中可以使用parseInt()函數實現字元串轉數值。

const str = "123";
const num = parseInt(str);
console.log(num);

使用parseInt()函數將字元串”123″轉化為數字123，方便進行數據計算。

三、JSJSON轉對象

JS的JSON數據格式與JS對象非常相似，JSJSON也可以通過一定方法轉化為JS對象。如下代碼所示：

const jsonString = '{"name": "Tom", "age": 20, "gender": "male"}';
const jsonObj = JSON.parse(jsonString);
console.log(jsonObj.name);

通過JSON.parse()方法轉換JSJSON數據格式為JS對象，並可直接通過”對象名.屬性名”的方式來訪問JS對象中的數據。

四、JSStr轉List

在JS中字元串也可以轉化為List。通過使用split()方法可以實現字元串轉化為List的效果。下面是一個例子：

const str = "a,b,c";
const strList = str.split(",");
console.log(strList);

使用字元串的split()方法並以逗號分隔來將字元串”a,b,c”轉化為List。

五、JSText轉JSON

在某些場景下，我們需要將某個DOM元素中的文本轉換為JSJSON格式。JSJSON可以很容易將JSText轉化為JSON格式，如下所示：

const text = '{"name": "Tom", "age": 20, "gender": "male"}';
const json = JSON.parse(text);
console.log(json);

一般來說，我們需要在某個DOM元素中獲取到JSText，通常會通過$(selector).text()方法獲取到DOM元素中的所有文本。而使用JSON.parse()方法可以將JSText parsed為JSJSON格式，方便進行後續操作。

六、JSJSON轉String

在進行JSJSON的處理時，有時我們也需要將JSJSON轉化為字元串格式。這時可以使用JSON.stringify()方法將JSJSON轉化為字元串。

const javascriptObject = {name: "Tom", age: 20, gender: "male"};
const jsonString = JSON.stringify(javascriptObject);
console.log(jsonString);

通過JSON.stringify()方法將JS對象轉化為JSJSON字元串，方便進行處理，比如傳遞數據。

七、JSJSON添加元素

JSJSON中添加元素通常會用到push()方法，向JSJSON數組中添加元素。如下所示：

const jsonArray = [{"name": "Tom", "age": 20, "gender": "male"}];
const newObject = {"name": "Jerry", "age": 18, "gender": "male"};
jsonArray.push(newObject);
console.log(jsonArray);

使用push()方法可以向JSJSON數組中添加元素並實現JSJSON數據的動態維護。

小結

在JS開發中，JSJSON是經常用到的數據表達格式之一。本文介紹了JSJSON轉List的方法，並從JSJSON轉數組, JS強轉Int, JSJSON轉對象, JSStr轉List, JSText轉JSON, JSJSON轉String, JSJSON添加元素這幾個方面給出了詳細的闡述。這些方法對於初學者非常實用，可以為我們的JS開發提供很多幫助。