个人简介
- 作者简介:大家好,我是阿牛
- 个人主页:馆主阿牛
- 支持我:点赞+收藏??+留言
- 系列专栏:web开发
- 格言:迄今所有人生都大写着失败,但不妨碍我继续向前!
文章图片
javascript中的数据类型转换
-
- 个人简介
- 前言
-
- 数值型转换为字符串类型
- 字符串类型转换为数值型
- 转换为布尔型
- 结语
前言 上一篇文章我总结了javascipt中的数据类型,上一节我们说过,prompt()接收的全是字符串,因此数据类型转换就显得尤为重要,一起来学习一下吧!
数值型转换为字符串类型
方式 | 说明 | 案例 |
---|---|---|
toString() | 转成字符串 | var num =1; alert ( num.toString()); |
String() | 强制转换 转成字符串 | var num =1; alert ( String ( num )); |
加号拼接字符串 | 和字符串拼接的结果都是字符串 | var num =1; alert ( num +"我是字符串"); |
- toString()和String()使用方式不一样。
- 三种转换方式,我们更喜欢用第三种加号拼接字符串转换方式,这一种方式也称之为隐式转换。
// 1.将数字型转换为字符串类型
var num = 10;
var str = num.toString()
var str1 = num+''
console.log(str);
console.log(typeof str);
//typeofjs中用类查看数据类型console.log(String(num));
console.log(typeof String(num));
// stringconsole.log(str1);
console.log(typeof str1);
文章图片
字符串类型转换为数值型
方式 | 说明 | 案例 |
---|---|---|
parselnt(string)函数 | 将 string 类型转成整数数值型 | parselnt (‘15’) |
parseFloat(string)函数 | 将 string 类型转成浮点数数值型 | parseFloat (‘3.14’) |
Number()强制转换函数 | 将 string 类型转换为数值型 | Number (‘12’) |
js 隐式转换(- * /) | 利用算术运算隐式转换为数值型 | ‘12’ - 0 |
// 2.将字符串转换为数字型
// parseInt()
console.log(parseInt('15'));
// 15
console.log(typeof parseInt('15'));
// number
console.log(parseInt('3.14'));
// 3
console.log(parseInt('3.94'));
// 3
console.log(parseInt(3.94));
//3 把浮点数取整数部分
文章图片
// parseFloat
console.log(parseFloat('3.14'));
//3.14
console.log(parseFloat('3'));
// 3// number
console.log(Number('12'));
// 12
console.log(typeof Number('12'));
// number
文章图片
// 利用算数用算 - * /隐式转换
console.log('12' - 0);
// 12
console.log('123'- '120');
// 3
console.log('123'*1);
// 123
console.log('123'/1);
// 123
【javascript|javascript中的数据类型转换】
文章图片
转换为布尔型
方式 | 说明 | 案例 |
---|---|---|
Boolean()函数 | 其他类型转成布尔值 | Boolean ('aniu '); |
- 代表空、否定的值会被转换为 false ,如 ’ '、0、 NaN 、 null 、 undefined 。
- 其余值都会被转换为 true 。
console.log(Boolean(''));
// false
console.log(Boolean(' '));
// true
console.log(Boolean(0));
// false
console.log(Boolean(NaN));
// false
console.log(Boolean(null));
// false
console.log(Boolean(undefined));
// false
console.log(Boolean('aniu'));
// true
console.log(Boolean(15));
// true
文章图片
结语 上篇看这里:
1. 初识 JavaScript(揭开javascript的神秘面纱)
2.javascript中的数据类型
推荐阅读
- 操作系统|[译]从内部了解现代浏览器(1)
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- 【C】题目|【C语言】题集 of ⑥
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)