在前端開發(fā)中，經(jīng)常需要拼接 JSON 字符串，以滿足業(yè)務(wù)需要。本文介紹兩種常見的拼接 JSON 字符串的方法。

方法一：手寫字符串拼接

let data = {
name: 'Tom',
age: 18,
gender: 'male'
};
let jsonString = '{';
for(let key in data) {
jsonString += '"' + key + '":"' + data[key] + '",';
}
jsonString = jsonString.substring(0, jsonString.length - 1);
jsonString += '}';

上述代碼使用了 for-in 循環(huán)遍歷對象，將對象的屬性名和屬性值拼接成字符串。拼接過程中，需要注意兩點(diǎn)：

• jsonString 字符串需要以“{”開頭，“}”結(jié)尾。
• 每個屬性名和屬性值都需要用雙引號引起來，并且中間需要一個冒號隔開。
• 各個屬性之間需要用英文逗號隔開，最后一個屬性名和屬性值后不能有逗號。

方法二：使用 JSON.stringify()

let data = {
name: 'Tom',
age: 18,
gender: 'male'
};
let jsonString = JSON.stringify(data);

上述代碼使用了 JSON.stringify() 方法將對象轉(zhuǎn)換成 JSON 字符串。

使用 JSON.stringify() 的好處在于：

• 不需要手動拼接字符串，代碼簡潔明了，易于維護(hù)。
• 能夠處理對象中的嵌套對象和數(shù)組。

注意事項(xiàng)：

• 對象的屬性名和屬性值必須是雙引號包裹的字符串。
• 對象中不能有函數(shù)、NaN、Infinity 和 undefined，否則會被轉(zhuǎn)成 null。
• querySelector() 方法只返回匹配指定 CSS 選擇器的第一個元素。