前端第一周,Javascript--强制数据类型转换-显示转换

本文介绍了数据类型转换的三种方式:强制类型转换,包括将其他类型转换为字符串、数字和布尔值的示例。重点讲解了如何处理NaN(非数字)的情况以及isNaN()函数的用法。

  数据类型转换:

        在程序的运行过程中变量的值是很容易发生改变的,而在值进行变化的时候它的数据类型也很容易发生改变,我们把这种数据类型的变化叫做:数据类型转换。

 1.强制类型转换--显示转换:

        // 将其他类型的数据转换为:string

        // 通过一个方法String()  S必须大写 (括号的名字是方法)。

 

举个栗子:

 var n1 = 56;

   console.log(n1); // 56

   console.log(typeof n1);// 'number'

var a1 = String(n1);

   console.log(a1);// '56'

   console.log(typeof a1);// 'string'

 2.将其他类型的数据转换为:number

        // 通过Number() 方法 实现将其他类型的数据转换成number类型

        // 纯数字的字符串转换为数字是:对应的数字

        // 非纯数字的字符串转换为数字是:NaN

        // 空字符串转换为数字是:0

        // true转换成数字是:1

        // false转换成数字是:0

        //null转换成数字是:0

        //undefined转换成数字是: NaN


举个栗子:

var s1 = '2389';

var num1 = Number(s1);

  console.log(num1, typeof num1);  // 2389 'number'

  console.log(Number('53.94'));// 53.94

 var s2 = 'hello world';

var num2 = Number(s2);

  console.log(num2, typeof num2); // NaN 'number'

console.log(Number('123abu'));  // NaN

console.log(Number(''));  // 0

console.log(Number(true)); // 1

console.log(Number(false)); // 0

console.log(Number(null)); // NaN

console.log(Number(undefined));// 0

 3.将其他类型的数据转换为:boolean

        //通过Boolean()方法 实现将其他类型的数据转换成 boolean类型

        // 0 NaN '' undefined null 转换成布尔值都是 false

        // 其他的值转换成布尔值都是 true

     举个栗子:

        console.log(Boolean(0));  // false

        console.log(Boolean(NaN));  // false

        console.log(Boolean(''));  // false

        console.log(Boolean(undefined));  // false

        console.log(Boolean(null));  // false

        console.log(Boolean(1));  // true

        console.log(Boolean(99));  // true

        console.log(Boolean('abc'));  // true

   NaN----not a number

        // NaN 表示不是一个数字,但是NaN的数据是 number

        // NaN是一个不是数字的数字,就是一个不正常的数字

        // 在什么情况下会得到NaN的结果

        // 当将一个不能转换成数字的数据转换成number类型时会得到NaN的结果

        // 当进行算数运算时不能得到一个数字结果是会得到NaN的结果

        // NaN和任何值都不相等,包括自身(NaN和NaN也不相等)

        // 如何检测一个变量存储的值是否为NaN

        // 通过 isNaN() 方法 检测判断

        // 返回结果 true 表示 是 NaN

        // 返回结果 false 表示 不是 NaN

     举个栗子:       

        console.log(isNaN(num2));  // true

        console.log(isNaN(n1)); // false

        console.log(isNaN(s2));//true

         // 检测时会将数据转换成number类型后在进行判断检测

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值