如何手動將 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>

執行上述程式碼後,將生成以下輸出。

更新於: 2022-12-09

519 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告