一、介紹
JS轉成字元串是指將JavaScript對象轉換成字元串形式,以便在不同的地方進行傳輸或保存。在前端開發中,常會遇到將某個數據結構轉換成JSON字元串的場景,而在Node.js開發中,則可能會涉及到將某個JavaScript對象轉換成字元串保存到資料庫中。因此,JS轉成字元串是前端和後端開發中不可避免的一環。
二、JSON.stringify
JSON.stringify是JavaScript原生提供的將JavaScript對象轉換成JSON字元串的方法,該方法接收一個JavaScript對象作為參數,返回一個JSON字元串。
let obj = {name: 'Tom', age: 18}; let str = JSON.stringify(obj); // 返回:'{"name":"Tom","age":18}'
使用JSON.stringify時,還可以傳遞第二個參數replacer,用於控制轉換過程中的行為。replacer可以是一個函數或一個數組,用於過濾或替換轉換過程中的屬性。
let obj = {name: 'Tom', age: 18, hobby: ['basketball', 'reading']}; let str1 = JSON.stringify(obj, ['name', 'age']); // 返回:'{"name":"Tom","age":18}' let str2 = JSON.stringify(obj, (key, value) => { if (key === 'name') { return value.toUpperCase(); } else { return value; } }); // 返回:'{"name":"TOM","age":18,"hobby":["basketball","reading"]}'
三、toString
除了使用JSON.stringify外,還可以使用toString將其他類型(如數字、布爾、數組等)轉換成字元串。
let num = 1; let str = num.toString(); // 返回:'1' let bool = true; let str2 = bool.toString(); // 返回:'true' let arr = [1, 2, 3]; let str3 = arr.toString(); // 返回:'1,2,3'
四、模板字元串
在ES6中,引入了模板字元串,也是將一段字元串轉換成字元串形式的一種方法。模板字元串使用反引號(`)包裹,其中可以嵌入變數,變數需要使用${}包裹。
let name = 'Tom'; let age = 18; let str = `My name is ${name}, I'm ${age} years old.`; // 返回:'My name is Tom, I'm 18 years old.'
五、總結
本文介紹了JavaScript中常用的將JavaScript對象轉換成字元串的方法,包括JSON.stringify、toString和模板字元串。如需要將對象轉換成JSON字元串,建議使用JSON.stringify,如需要將其他類型轉換成字元串,建議使用toString,如需要拼接字元串中包含變數的字元串,建議使用模板字元串。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/311095.html