如何手动将 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 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告

© . All rights reserved.