JavaScript数据类型和转化——JS

导读:本篇文章讲解 JavaScript数据类型和转化——JS,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

目录

1.数据类型

1.1为什么需要数据类型

1.2变量的数据类型

1.3数据类型分类

2.模板字符串(ES6新增),——模板字面量

2.1解析变量

2.2字符串可以换行

2.3调用函数

3.typeof和字面量

3.1typeof的使用

3.2字面量

4.数据类型的转换

4.1什么是数据类型

4.2转换为字符串类型

4.3转换为数字型

4.4转换为布尔型


1.数据类型

1.1为什么需要数据类型

因为不同数据所占用的存储空间不同,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间。

1.2变量的数据类型

JS是一种弱类型或者说动态语言,在运行过程中会自动确定类型,

var x=123;

var x=‘syh’;//类型可以变化

1.3数据类型分类

1.  简单数据类型

2.复杂数据类型

简单数据类型 说明 默认值
Number 数字型,21,0.21 0
Boolean 布尔值类型如 true,false

fales 0

ture 1

String 字符串类型   ‘  ’ “   ”
undefined var a; 未定义 undefined
Null var a=NULL; a为空值 null

注意:

    //1.八进制
    var num=010;// 前面第一位0表示8进制
    console.log(num);
    //2.十六进制
    var num1=0x9;// 0x表示16进制
    console.log(num);
    
    //3.数字型Number    最大值 最小值
    alert(Number.MAX_VALUE);
    alert(Number.MIN_VALUE);

    //三个特殊值
    alert(Number.MAX_VALUE*2);//Infinity
    alert(Number.MIN_VALUE*2);//-Infinity
    alert('pink老师'-100);//NAN 非数值 如果是数字返回false 如果不是返回ture
    //isNAN() 判断非数字
    // console.log(is NAN(21)); 返回false

    //4.字符串型  string
    var str="我是一个'数学不好'的\n程序员";
    console.log(str);//我是一个'数学不好'的
                     //程序员
//字符串转义 字符要写到引号中
    //    \'单引号   \"双引号  \t tab  \b 空格 
    //求字符串长度
    var str="my name is andy";
    console.log(str.length);//15

    //字符串拼接
    console.log('沙漠'+'骆驼');//沙漠骆驼
    console.log('pink'+18);//pink
    console.log('pink'+ture);//pinkture
    console.log(12+12);//24
    console.log('12'+12);//'1212'
    //只要有字符串和其他类型拼接结果都是字符串类型
//6.undefined和NULL
    var variable;
    console.log(variable);//undefined
    console.log('你好'+variable);//你好variable
    console.log(11+variable);//NaN
    console.log(ture+variable);//NaN

    var variable=null;
    console.log('你好'+variable);//你好null
    console.log(11+variable);//11
    console.log(ture+variable);//1

2.模板字符串(ES6新增),——模板字面量

2.1解析变量

let name='张三';
let sayHello='Hello,我的名字叫${name}';
console.log(sayHello);

2.2字符串可以换行

let result ={
    name:"ZHANGSAN",
    age:20
};
let html =
<div>

    <span>${result.name}</span>
    <span>${result.age}</span>

</div>
;
     console.log(html);

2.3调用函数

const fn=()=>{
        return '我是fn函数'
}
let html ='我是模板字符串${fn()}'
        console.log(html);

3.typeof和字面量

3.1typeof的使用

JavaScript数据类型和转化——JS

 拓展:

JavaScript数据类型和转化——JS

prompt 取过来的是字符型的 

3.2字面量

字面量是在源代码中一个固定值的表示法

数字字面量 : 8,9,10

字符串字面量 :‘黑色星期五’

布尔字面量: true false

4.数据类型的转换

4.1什么是数据类型

使用表单(intput),prompt 获取的数据默认是字符串类型,此时不能直接进行加法运算,需要进行字符转换,就是把一种数据类型的变量转换成另外一种数据类型

通常有三种类型

1)转换为字符串类型

2)转换为数字型

3)转换为布尔型

4.2转换为字符串类型

方式 说明
变量tostring() 转成字符串
string强制转换 转成字符串
加号拼接字符串 和字符串拼接结果都是字符串

JavaScript数据类型和转化——JS 

4.3转换为数字型

方式 说明 案例
parseInt(string)函数 string转换成数值型 parseInt(‘78’)//78
parseFloat(string)函数 string转换成浮点数 parseFloat(‘78.82’)//78.82
Number()强制转换 string转换成数值型 Number(‘12’)//12
隐式转换(-+/) 利用算数运算隐式转换为数值型 ‘12’-0

4.4转换为布尔型

方式 说明 案例
Boolean()函数 其他类型转换成布尔型 Boolean(‘1’)//ture

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/119594.html

(0)
seven_的头像seven_bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!