首页 > 编程语言 >JavaScript数据类型转换

JavaScript数据类型转换

时间:2023-01-04 17:44:20浏览次数:53  
标签:类型转换 返回 code JavaScript typeof constructor Date 数据 native

JavaScript数据类型

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8" content="text/html">
 5         <title>javascript 数据类型转换</title>
 6     </head>
 7     <body>
 8         <p>
 9             Number()转换为数字,String()转换为字符串,Boolean()转换为布尔值<br>
10             在JavaScript中有6种不同的数据类型<br>
11             1.string <br>
12             2.number<br>
13             3.boolean<br>
14             4.object<br>
15             5.function<br>
16             6.symbol<br>
17             3种对象类型:<br>
18             1.Object
19             2.Date
20             3.Array<br>
21             2种不包含任何值得数据类型:<br>
22             null undefined
23 
24         </p>
25         <p>
26             typeof操作符:<br>
27             可以使用typeof操作符来查看JavaScript变量得数据类型<br>
28             typeof "john"   // 返回string<br>
29             typeof 3.14     // 返回number<br>
30             typeof NaN      // 返回number<br>
31             typeof false    // 返回boolean<br>
32             typeof [1,2,3,4]    // 返回object<br>
33             typeof {name:'john', age:18}    // 返回object<br>
34             typeof function(){}     // 返回function<br>
35             typeof new Date()   // 返回object <br>
36             typeof null     //返回object<br>
37 
38         </p>
39         <p>
40             constractor属性:<br>
41             constractor属性返回所有JavaScript变量的构造函数:<br>
42             "John".constructor                 // 返回函数 String()  { [native code] }<br>
43             (3.14).constructor                 // 返回函数 Number()  { [native code] }<br>
44             false.constructor                  // 返回函数 Boolean() { [native code] }<br>
45             [1,2,3,4].constructor              // 返回函数 Array()   { [native code] }<br>
46             {name:'John', age:34}.constructor  // 返回函数 Object()  { [native code] }<br>
47             new Date().constructor             // 返回函数 Date()    { [native code] }<br>
48             function () {}.constructor         // 返回函数 Function(){ [native code] }<br>
49         </p>
50         <p>
51             Eg:使用constractor属性查看对象是否为数组(包含字符串“Array”)
52         </p>
53         
54         <p>判断是否为数组</p>
55         <p id="demo"></p>
56         <script>
57             var fruits=["Banana", "Orange", "Apple", "Mango"]
58             document.getElementById("demo").innerHTML=isArray(fruits)
59             function isArray(myArray){
60                 // console.log(myArray.constructor)
61                 //返回构造函数转换为字符串,且包含Array则返回true
62                 return myArray.constructor.toString().indexOf("Array") > -1;
63             }
64         </script>
65         <p>判断是否为日期</p>
66         <p id="demo1"></p>
67         <script>
68             var myDate=new Date();
69             console.log(myDate)
70             document.getElementById("demo1").innerHTML=isDate(myDate);
71             function isDate(myDate){
72                 return myDate.constructor.toString().indexOf("Date") > -1;
73             }
74         </script>
75         <p>
76             javascript 类型转换
77         </p>
78     </body>
79 </html>

 

标签:类型转换,返回,code,JavaScript,typeof,constructor,Date,数据,native
From: https://www.cnblogs.com/wenzm/p/17025569.html

相关文章