在前端開發中，JavaScript 中的字符串和 JSON 數據格式是非常常見和重要的概念。下面我們將詳細介紹 JavaScript 字符串和 JSON 。

JavaScript 字符串

JavaScript 中的字符串是由單引號、雙引號或反引號括起來的一段文本。例如：

let str1 = 'Hello World';
let str2 = "Hello World";
let str3 = `Hello World`;

可以使用索引和方法來操作文本。例如：

let str = "Hello World";
console.log(str[0]); // 輸出 "H"
console.log(str.length); // 輸出 11
console.log(str.substring(0, 5)); // 輸出 "Hello"
console.log(str.toLowerCase()); // 輸出 "hello world"

JSON 數據格式

JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，由 JavaScript 對象字面量的語法擴展而來。

JSON 數據可以表示為一個對象或數組。例如：

let person = {
"name": "Tom",
"age": 25,
"hobbies": ["reading", "travelling"]
};
let books = [
{
"name": "The Alchemist",
"author": "Paulo Coelho"
},
{
"name": "The Great Gatsby",
"author": "F. Scott Fitzgerald"
}
];

JSON 數據可以使用 JavaScript 中的 JSON 對象進行解析和序列化。

// 解析 JSON 字符串為 JavaScript 對象
let jsonString = '{"name":"Tom","age":25,"hobbies":["reading","travelling"]}';
let jsonObj = JSON.parse(jsonString);
console.log(jsonObj.hobbies[0]); // 輸出 "reading"
// 將 JavaScript 對象序列化為 JSON 字符串
let person = {
"name": "Tom",
"age": 25,
"hobbies": ["reading", "travelling"]
};
let jsonString = JSON.stringify(person);
console.log(jsonString); // 輸出 '{"name":"Tom","age":25,"hobbies":["reading","travelling"]}'

總結

JavaScript 字符串和 JSON 數據格式是前端開發中不可或缺的概念。了解它們的使用和操作可以讓我們更加熟練地處理文本和數據。