JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于前后端交互中的數據傳輸。它以JavaScript的對象字面量語法編寫，同時兼容多種類別語言。

{
"name": "張三",
"age": 20,
"gender": "男",
"hobbies": ["籃球", "游泳"]
}

上面是一個簡單的JSON對象，以key-value的形式存儲數據。其中的值可以為字符串、數字、布爾值、數組或對象，但不包括函數、正則等復雜類型。在JavaScript中，我們可以使用JSON.parse()方法將JSON字符串轉換為對象。

let str = '{"name": "張三", "age": 20, "gender": "男", "hobbies": ["籃球", "游泳"]}';
let obj = JSON.parse(str);
console.log(obj.name); // 輸出"張三"

相反，我們也可以使用JSON.stringify()方法將對象轉換為JSON字符串，方便進行數據傳輸。

let obj = {
name: "張三",
age: 20,
gender: "男",
hobbies: ["籃球", "游泳"]
};
let str = JSON.stringify(obj);
console.log(str); // 輸出'{"name":"張三","age":20,"gender":"男","hobbies":["籃球","游泳"]}'

當然，在前端開發中，我們也經常需要使用字符相關的操作，比如字符串拼接、查找、替換等。

let str1 = "Hello";
let str2 = "world";
console.log(str1 + " " + str2); // 輸出"Hello world"
console.log(str1.indexOf('l')); // 輸出2
console.log(str2.replace('world', 'JavaScript')); // 輸出"JavaScript"

在ES6中，也提供了一些方便的字符串方法，比如模板字符串和字符串重復。

let name = "張三";
let age = 20;
console.log(`名字是${name}，年齡是${age}`); // 輸出"名字是張三，年齡是20"
console.log(".".repeat(5)); // 輸出"....."