如何手動將 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>
執行上述程式碼後,將生成以下輸出。
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP