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