0

0

关于js数据类型的转换问题详解

迷茫

迷茫

发布时间:2017-03-26 16:55:53

|

1439人浏览过

|

来源于php中文网

原创

js数据类型

-->基本类型(值类型):数字number、字符串string、布尔boolean

-->复合类型(引用类型):对象数组Array、时间类型Date函数类型Function、正则表达式RegExp...)

-->空类型:数据类型0、Undefined

一:数据类型的转换

1显示转换

A.转数字:

如果要将一个string类型的数据转化成number可以用:

 (1)Number转换:

var a="123";
a=Number(a);
console.log(typeof a);    // number
var a="abc";
a=Number(a);
console.log(typeof a);     // NaN
var a=" ";
a=Number(a);
console.log(typeof a);    // 0

注意:①如果转换的内容本身就是一个数值类型的字符串,那么将来在转换的时候会返回自己number类型的(特例:true返回1  false返回0)

   ②如果转换的内容本身不是一个数值类型的字符串,那么在转换的时候结果为NaN

        ③如果转换的内容是空的字符串(null),那么转换的结果为 0

        ④如果是其他的字符串,那么将来转化的结果为NaN

  (2)ParseInt转换

var a="123";
a=parseInt(a);
console.log(typeof a);    //number
var a="    456467abasb";
a=parseInt(a);
console.log(a);    //456467
var a="   a123";
a=parseInt(a);
console.log(a);     //NaN
var a=123.12a=parseInt(a);
console.log(a);    //123

注意:①忽略字符串前面的空格,直到找到第一个非空字符,还会将数字后面的非数字的字符串去掉

         ②如果第一个数字不是数字符号或者负号,返回NaN

         ③会将小数取整(向下取整)

EasySitePM Enterprise 企业网站管理系统3.5.10.0413 UTF8
EasySitePM Enterprise 企业网站管理系统3.5.10.0413 UTF8

EasySitePM Enterprise3.5系统是一款适用于不同类型企业使用的网站管理平于,它具有多语言、繁简从内核转换、SEO搜索优化、图片自定生成、用户自定界面、可视化订单管理系统、可视化邮件设置、模板管理、数据缓存+图片缓存+文件缓存三重提高访问速度、百万级数据快速读取测试、基于PHP+MYSQL系统开发,功能包括:产品管理、文章管理、订单处理、单页信息、会员管理、留言管理、论坛、模板管

下载

     (3)parseFloat   浮点数(小数)

    与parseInt一样,唯一的区别是parseFloat可以保留小数

B.转字符串

 可以将其他的数据类型转换成字符串

 (1)String() 

var a123;
a=String(a);

 (2)toString()的方法来进行转换(包装类)

var a=123;
a=a.toString();

 注意:null和undefined没有toString方法的,String所有类型都能转

C.转Boolean类型

可以将其他类型转为boolean值  Boolean()

var a="true";
a=Boolean(a);

注意:在进行转换的时候,所有的内容在转化以后结果都是true,除了:false、" "(空字符串)、0、NaN、null、undefined、“”

2.隐式转化

a)转number

var a="123";
a=+a;

注意:+、-、*、/、%都可以将字符串隐式转换成number

b)转String

var a=123;
a=a+" ";

c)转boolean

 a=123=!!a;
console.log(typeof a);    //true
a=!a; 
console.log(typeof a);    //false

相关专题

更多
Java 桌面应用开发(JavaFX 实战)
Java 桌面应用开发(JavaFX 实战)

本专题系统讲解 Java 在桌面应用开发领域的实战应用,重点围绕 JavaFX 框架,涵盖界面布局、控件使用、事件处理、FXML、样式美化(CSS)、多线程与UI响应优化,以及桌面应用的打包与发布。通过完整示例项目,帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。

6

2026.01.14

php与html混编教程大全
php与html混编教程大全

本专题整合了php和html混编相关教程,阅读专题下面的文章了解更多详细内容。

13

2026.01.13

PHP 高性能
PHP 高性能

本专题整合了PHP高性能相关教程大全,阅读专题下面的文章了解更多详细内容。

31

2026.01.13

MySQL数据库报错常见问题及解决方法大全
MySQL数据库报错常见问题及解决方法大全

本专题整合了MySQL数据库报错常见问题及解决方法,阅读专题下面的文章了解更多详细内容。

18

2026.01.13

PHP 文件上传
PHP 文件上传

本专题整合了PHP实现文件上传相关教程,阅读专题下面的文章了解更多详细内容。

10

2026.01.13

PHP缓存策略教程大全
PHP缓存策略教程大全

本专题整合了PHP缓存相关教程,阅读专题下面的文章了解更多详细内容。

6

2026.01.13

jQuery 正则表达式相关教程
jQuery 正则表达式相关教程

本专题整合了jQuery正则表达式相关教程大全,阅读专题下面的文章了解更多详细内容。

3

2026.01.13

交互式图表和动态图表教程汇总
交互式图表和动态图表教程汇总

本专题整合了交互式图表和动态图表的相关内容,阅读专题下面的文章了解更多详细内容。

44

2026.01.13

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

5

2026.01.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号