大家好,我是瓶盖袁 !今天给大家介绍一下javaScript数据类型以及的转换方式,废话不多说我们步入正题。

数据类型

ECMAScript中有五种数据Number 数值,String 字符串,Boolean 布尔,Undefined 空,Null 空,类型加上一种复杂的数据类型Object对象一共六种,你可能会说六种有点少吧,其实ECMAScript数据类型具有动态性,因此没有必要定义那么多。

第一种数据类型Number

Number数据就是一个数字
最基本的数字面量格式就是十进制格式。可以直接这样写入代码中

var num = 55;

除了有十进制的当然会有其他进制的写法,接下来把最常见的几种给大家写下来
八进制:以8为基数八进制的字面量第一位必须是0

var num = 055;

十六进制:以(0-9及a-f)字母a-f可以大写也可以小写,它的字面量写法为前俩位必须是0x

var num = 0xa;
var num = 0x1F;

注意:当然在计算过程中,所有的进制表示的数值会被转换成十进制数字数值。

第二种数据类型string

string表示的是由0或多个16位Unicode字符组成的字符列表,即字符串。字符串一般都由英文双引号(" ")或 英文单引号(’ ')引起来的

var firstName = 'nice';
var firstName = '23';
var firstName = "23aaa";

以上都是合法的
注意:引号的应用要以同种引号开始或者结尾,一段出现多个引号时,里单外双或里双外单,一定要配对。

var firstName = 'nice"; //报错
var firstName = "你好,我叫 "韩美美" 我叫李雷雷";//显示不正常

第三种数据类型Boolean

Boolean类型时使用最多的一种类型,它只有俩个字面值:true和false。这俩值可以理解为真和假或者1和0但是不可以说等于1和0,不是一回事。

var found = true;
var found = false;

注意:ture和false是区分大小写的,Ture和False以及其他的大小混合写法,都不是Boolean类型

第四种数据类型Undefined

Undefined只有一个值,就是undefined。在使用var声明变量时没有对其加以初始化,这个值就是undefined。

var mun; //mun的值就是undefined

第五种数据类型Null

Null也是只有一个值,就是null。表示一个空的对象指针
Undefined和Null区别
Undefined:你可以认为它该有一个值却没有,无论在什么情况都没必要把值设置undefined。
Null:可以认为它是一个空值,只要在你意在保存对象却还没保存时可以让该变量保存为null值。

第六种数据类型Object

Object在ECMAScript其实是一个数据和功能的集合。是一个复杂的数据类型
创建一个Object

//字面量创建
var obj = {};
//内置构建函数
var obj2 = new Object();

仅仅创建并没有什么用处,会有更对数据的操作方法这里就不说了。

typeof操作符

因为ECMAScript是松散类型的需要对数据进行检测
那么就会用到typeof操作符,它会返回的值有以下几种

“number”——是个数值
“string”——是个字符串
“boolean”——是个布尔值
“undefined”——未定义值
“object”——是个对象或者null
“function”——是一个函数

var found = true;
alert(typeof found);//boolean
var found1 = 233;
alert(typeof found);//number
var found2 = 'ture';
alert(typeof found);//string

注意:返回值是一个字符串

数据类型的转换

其他数据转number类型
方法一:Number()

var str = '123.456';
alert(Number(str));

注意:如果是boolean值,ture转换为1,flase转换为0.
如果是数字只是简单的传入输出
如果是null值,返回为0。
如果是一个undefined,返回NaN。
如果是字符串: 1,(" ")空字符串,返回为0
2,其中包含数值的只转合法的数值
3,不合法的数值都会转换成NaN

方法二:parseInt()
parseInt()转换更多的是看是否符合数值模式,一位位的看如果第一位就不是一个合法的数值那么就输出NaN
依次类推能解释多少位就解析多少位。

     var num = '100.3456';var result = parseInt(num);console.log(result);

注意:它是不识别小数点的,故是取整
parseFloat()
方法三:parseFloat()
parsefloat()方法原理同parseInt(),唯一的区别是它是识别小数点的。

     var num = '100.3456';var result = parseFloat(num);console.log(result);

方法四:非 加法 的数学运算

     var s1 = '123.321';var result1 = s1- 0;console.log(result1);var s2 = '123.321';var result2 = s2 * 1;console.log(result2);var s3 = '123.321';var result3 = s3 / 1;console.log(result3);

其他类型转String
方法一:String()
什么都能转换
String(变量)

var num = 10;
alert(Sting(num));

方法二:toString()
不能转换 undefined 和 null
变量.toString()

var num = 10;
alert(num.toString());

方法三:加法
符号两边有任意一边是字符串就会进行字符串拼接只有符号两边都是数字或者布尔的时候才会进行数学运算

var num = 10 + '20';

其他类型转Boolean
Boolean()什么都能转false的值一共有以下五种
0值 ,NaN ,’'空字符串,undefined,null除了这五 个其余都是 true

javaScript数据类型 转换方式相关推荐

  1. html类型转换函数,如何在JavaScript中转换数据类型?

    在JavaScript中,数据类型用于对一种特定类型的数据进行分类,确定可以分配给类型的值以及可以对其执行的操作.虽然由于类型强制,JavaScript会自动转换许多值,但为了达到预期的结果,通常最好 ...

  2. JavaScript判断数据类型的方式

    JavaScript判断数据类型的方式 js中的数据类型有哪些? 基本数据类型:number.string.boolean.null.undefined.symbol以及未来ES10新增的BigInt ...

  3. 18100出多少取整_关于JavaScript数据类型,你知道多少?

    JavaScript的数据类型是每一个前端开发者必须要掌握的内容,也是最基础最重要的角色之一,关于JavaScript数据类型你知道多少? JavaScript一共有7种数据类型:String.Num ...

  4. JavaScript筑基篇(二)-JavaScript数据类型

    说明 介绍JavaScript数据类型 目录 前言 参考来源 前置技术要求 JavaScript的6种数据类型 哪6种数据类型 undefined 类型 null 类型 boolean 类型 numb ...

  5. JavaScript 数据类型之 Symbol、BigInt

    JavaScript数据类型 在JavaScript中,我们已知有5种基本数据类型:Undefined.Null.String.Number.Boolean. 当ES6问世,直至今日,又新增了两种基本 ...

  6. 第九十九节,JavaScript数据类型

    JavaScript数据类型 学习要点: 1.typeof操作符 2.Undefined类型 3.Null类型 4.Boolean类型 5.Number类型 6.String类型 7.Object类型 ...

  7. Json对象与Json字符串互转(4种转换方式)

    Json字符与Json对象的相互转换方式有很多种: 1. jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以 ...

  8. C# 课堂总结2-数据类型及转换方式

    一.输入输出语句 Console.ReadLine(); 会等待直到用户按下回车,一次读入一行 Console.ReadKey(); 则是等待用户按下任意键,一次读入一个字符. 二.数据类型 主要掌握 ...

  9. javascript 数据类型与类型转换

    JavaScript 数据类型 值类型(基本类型): 字符串(String) 数字(Number) 布尔(Boolean) 空(Null) 未定义(Undefined) Symbol 注:Symbol ...

最新文章

  1. Java中的多线程你只要看这一篇就够了
  2. python3.7.4安装(Windows10)
  3. 【CI/CD1】jenkins
  4. nginx 域名配置_nginx 一个域名配置多个vue项目
  5. linux——常用指令
  6. python打印表格_怎么使用python脚本实现表格打印?
  7. linux下alias命令详解
  8. python能做什么游戏-Python有做大型游戏的潜力吗?
  9. 微软认知语音服务 语音识别
  10. 转- Oracle Audit 功能的使用和说明
  11. 【NOI 2001】食物链(种类并查集)
  12. 游戏及开发人员的认识
  13. java string 最大长度_我说我精通字符串,面试官竟然问我Java中的String有没有长度限制!?...
  14. canvas实现flybird小游戏
  15. 禁止AutoCAD联网
  16. mysql1526_MySQL数据库插入数据出现 ERROR 1526 (HY000): Table has no partition for value xxx
  17. 微信在线接口调试工具的使用
  18. c++实现经典游戏贪吃蛇(超详解)
  19. JavaScript基础学习——第五天(原型、垃圾回收、数组简介)
  20. Windows Server 2022 发布(正式版下载)

热门文章

  1. 使用委托实现信用卡用定时还款功能
  2. 布局人工智能,搜狗“知音”扮演着什么角色?
  3. 类与类之间的关系:依赖关系和关联关系及继承关系中self是什么? 类里面的特殊成员...
  4. 2进制,8进制,10进制,16进制 互换
  5. faker所有常用函数整理,测试工程师自动生成测试数据生成
  6. MySQL集群搭建——主从同步(一主二从)
  7. js 点击侧边栏展示内容_左边菜单,点击左边右边内容改变
  8. 解决树莓派2 HDMI输出的闪屏问题
  9. 百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
  10. Rigetti完成英国量子计算机的搭建;拓扑量子计算遭遇严重的挫折 | 全球量子科技与工业快讯第三十九期