javascript学习笔记2：数据类型及其转换

蔚落 2022-09-30 06:29 184阅读 0赞

## 基本数据类型 ##

1、六种原型数据类型：

*  Boolean 布尔值，true 和 false
 *  null 一个表明 null 值的特殊关键字。 JavaScript 是大小写敏感的，因此 null 与 Null、NULL或其他变量完全不同。
 *  undefined 变量未定义时的属性。
 *  Number 表示数值类型
 *  String 字符串类型
 *  Symbol ( 在 ECMAScript 6 中新添加的类型).。一种数据类型，它的实例是唯一且不可改变的。

2、object对象

//创建一个对象
    var animals = new Object();
    
    animals = {
        name: "dogs",
        voice: "wang",
        "lovely cha": "small"
    };
    
    //访问对象的属性
    console.log(animals.name);
    console.log(animals["name"]);
    
    //方括号访问的优点：
    var pName = "name";
    console.log(animals[pName]);
    
    //当key中含有空格时只能用方括号方法：
    console.log(animals["lovely cha"]);

发现：

//key值带不带引号好像都一样的
    var a = {
       name: "zhangchi", "name": "zhangchi"} //{
       name: "zhangchi"};
    
    var a = {
       name: "bianbian", "name": "zhangchi"} //{
       name: "zhangchi"};
    
    //但是如果key里有空格就必须加引号了
    
    var animals = {
        name: "dogs",
        voice: "wang",
        "lovely cha": "small"
    };  //{ name: 'dogs', voice: 'wang', 'lovely cha': 'small' }

## 数据类型转换 ##

1、javascript是一种动态类型语言，数据类型会在脚本执行时根据需要自动转换

var num = 2333;
    typeof(num); //number
    
    //还可以再给同一个变量赋予一个字符串值
    
    num = "hahahahaha~"
    typeof(num); //string

2、直接使用”+”进行数值型转换为字符串，但是其他运算符时，javascript不会把数值型转化为字符串。

var x = "my age is " + 10 + "."; //my age is 10.
    
    var y = "lala" - 10; //NaN
    
    var z  = "23" - 3; //20
    
    var i = "23" + 33; //2333

3、字符串转化为数值型：parseInt() 和 parseFloat()  
parseInt()函数有两个参数：string 带转化字符串；radix：进制 parseInt(string, radix); 返回值为整数。具体内容请参考：

> [https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global\_Objects/parseFloat][https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Global_Objects_parseFloat]

var myStr = "23.33";
    var myNum = parseInt(myStr, 10); //23 
    typeof(myNum); //number

parseFloat() 函数有一个参数：string 待转化字符串；返回值为浮点型。parseFloat(string) 返回值为浮点数。具体内容请参考：

> [https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global\_Objects/parseFloat][https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Global_Objects_parseFloat]

var myStr = "23.33";
    var myNum = parseInt(myStr, 10); //23.33
    typeof(myNum); //number

[https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Global_Objects_parseFloat]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/parseFloat