Day1-JS-类型转换

小知识点:

Number() 转换为数字, String() 转换为字符串, Boolean() 转化为布尔值。

 一、JavaScript 数据类型

在 JavaScript 中有 6 种不同的数据类型:

  • string
  • number
  • boolean
  • object
  • function
  • symbol

3 种对象类型:

  • Object
  • Date
  • Array

2 个不包含任何值的数据类型:

  • null
  • undefined

 

请注意:

  • NaN 的数据类型是 number
  • 数组(Array)的数据类型是 object
  • 日期(Date)的数据类型为 object
  • null 的数据类型是 object
  • 未定义变量的数据类型为 undefined

如果对象是 JavaScript Array 或 JavaScript Date ,我们就无法通过 typeof 来判断他们的类型,因为都是 返回 object。

 

二、constructor 属性

 

=============constructor 属性返回所有 JavaScript 变量的构造函数

<p> constructor 属性返回变量或对象的构造函数。p>
<p id="demo">p>
<script>
document.getElementById("demo").innerHTML = 
    "john".constructor + "
" + (3.14).constructor + "
" + false.constructor + "
" + [1,2,3,4].constructor + "
" + {name:'john', age:34}.constructor + "
" + new Date().constructor + "
" + function () {}.constructor; script>

结果是:

Day1-JS-类型转换_第1张图片

 

 

=============你可以使用 constructor 属性来查看对象是否为数组 (包含字符串 "Array"):

知识点:由于通过 myArray.constructor 得到的结果就是  “function Array(){【n。。。。}”

只会把这得到的结果通过 toString()函数处理一下,得到一个字符串,然后通过 字符串内置的函数 indexOf函数对“Array”进行定位,如果

找到到这个Array的话,说明就是数组了,然后返回的值就是大于-1的

 

完整代码:

<body>
    <p id="demo">p>
    <script>
        var fruits=['a','b','c'];
        document.getElementById("demo").innerHTML=isArray(fruits);
        function isArray(myArray){
            return myArray.constructor.toString().indexOf("Array") > -1;
        }
    script>
body>

 同理可以用来查看是不是“日期”

<body>

<p>判断是否为日期。p>
<p id="demo">p>
<script>
var myDate = new Date();
document.getElementById("demo").innerHTML = isDate(myDate);
function isDate(myDate) {
    return myDate.constructor.toString().indexOf("Date") > -1;
}
script>

body>

 

三、JS 类型转换

JavaScript 变量可以转换为新变量或其他数据类型:

  • 通过使用 JavaScript 函数
  • 通过 JavaScript 自身自动转换

1、将数字转换为字符串

String(x)         // 将变量 x 转换为字符串并返回

x.toString()   //这种也是有同样的效果的

Day1-JS-类型转换_第2张图片

 

 2、将布尔值转换为字符串

String(false)        // 返回 "false"

false.toString()     // 返回 "false"

3、将日期转换为字符串

obj = new Date()
obj.toString()   // 返回 Thu Jul 17 2014 15:38:19 GMT+0200 (W. Europe Daylight Time)

Day1-JS-类型转换_第3张图片

 

4、将字符串转换为数字

 全局方法 Number() 可以将字符串转换为数字

Day1-JS-类型转换_第4张图片

 

 

小知识点:

    我们可以使用 typeof 来获取一个变量是否存在,如 if(typeof a!="undefined"){},

    而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错

判断某个变量是否是某个对象的实例则要选择使用另一个关键语法 instanceof 或者是用上面讲过的那个constructor 然后toString 然后 indexOf这样来验证的

arr = [1,2,3];
if(arr instanceof Array){
    document.write("arr 是一个数组");
} else {
    document.write("arr 不是一个数组");
}

 

你可能感兴趣的:(Day1-JS-类型转换)