如何手動將 JavaScript 物件轉換為基本資料型別?
在本文中,我們將討論如何使用 JavaScript 中的合適示例手動將 JavaScript 物件轉換為基本資料型別。
基本資料型別無非就是字串、數字、布林值等。為了將物件轉換為基本資料型別,javascript 提供了一些方法,例如 **toString()、toDateString()、valueOf()** 等。使用這些方法,可以輕鬆地將 javascript 物件轉換為基本資料型別。
使用 toString() 方法
此方法返回一個字串值,表示給定物件的字串格式。將 javascript 物件轉換為基本日期型別(在本例中為字串)的語法如下:
Object.toString();
這裡,物件可以是任何型別:陣列、數字或布林值。
示例 1
一個示例程式,說明如何使用 **toString()** 方法將 javascript 物件轉換為字串(基本資料型別):
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>To convert JavaScript objects to primitive data types manually</title> </head> <body style="text-align : center"> <p>In this program a JS object is converted into a string.</p> <p id="objToDataType"></p> <script> var result = ""; var array1 = ['Hi', 'Hello', 'a', 'b', 'c']; var array2 = [10, 20, 30, 40, 50]; var bool1 = new Boolean(0); var number = new Number('199'); result += 'Array1 object to string is : ' + array1.toString() + '<br/>' + 'Array2 object to string is : ' + array2.toString() + '<br/>' + 'boolean to string is : ' + bool1.toString() + '<br/>' +'Number object to string is : ' + number.toString(); document.getElementById('objToDataType').innerHTML = result; </script> </body> </html>
執行上述程式碼後,將生成以下輸出。
使用 toDateString() 方法
此方法返回一個字串值,表示當前日期物件的字串格式。將 JS 物件(在本例中為“日期”物件)轉換為基本日期型別(在本例中為“字串”)的語法如下:
DateObject.toDateString();
這裡,Date 物件是使用 **Date()** 函式建立的物件。它返回一個日期格式的字串。
示例 2
一個示例程式,說明如何使用 **toDateString()** 方法將 javascript Date 物件轉換為字串(基本資料型別):
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>To convert JavaScript objects to primitive data types manually</title> </head> <body style="text-align : center"> <p>In this program a JS Date object is converted into a string using toDateString </p> <p id="objToDataType"></p> <script> var result = ""; var date1 = new Date(2022,5,5); var date2 = new Date(); result += 'Date1 object to string is : ' + date1.toDateString() + '<br/>' + 'Date1 object to string is : ' + date2.toDateString(); document.getElementById('objToDataType').innerHTML = result; </script> </body> </html>
執行上述程式碼後,將生成以下輸出。
使用 valueOf() 方法
此方法返回所提供物件的基元。將 Javascript 物件(在本例中為 Date 物件)轉換為基本日期型別(在本例中為數字)的語法如下:
函式 **valueOf()** 方法返回所提供物件的基元值。
Object.valueOf();
在此示例中,Object 是 Date 物件。此方法返回一個數字。
示例 3
一個示例程式,說明如何使用 **valueOf()** 方法將 JS Date 物件轉換為數字(基本資料型別):
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>To convert JavaScript objects to primitive data types manually</title> </head> <body style="text-align : center"> <p>In this program a JS Date object is converted into a value using valueOf() </p> <p id="objToDataType"></p> <script> var result = ""; var date1 = new Date(2022,1,1); var date2 = new Date(); result += 'Date1 object to string is : ' + date1.valueOf() + '<br/>' + 'Date1 object to string is : ' + date2.valueOf(); document.getElementById('objToDataType').innerHTML = result; </script> </body> </html>
執行上述程式碼後,將生成以下輸出。